对齐文本插件bootstrap html

Question

我想创建一个使用Bootstrap的表单，并且无法正确排列插件中的文本。我希望每个输入组的插件大小都相同。这里是我的html：

<div class="input-group"><span class="input-group-addon">Event Name</span><input type="text" class="form-control" placeholder="Ex. Bingo" id="event"></div> 

<div class="input-group"><span class="input-group-addon">Mon</span><input type="text" class="form-control" placeholder="00:00" id="mon"></div> 

<div class="input-group"><span class="input-group-addon">Tue</span><input type="text" class="form-control" placeholder="00:00" id="tues"></div> 

<div class="input-group"><span class="input-group-addon">Wed</span><input type="text" class="form-control" placeholder="00:00" id="wed"></div> 

<div class="input-group"><span class="input-group-addon">Thu</span><input type="text" class="form-control" placeholder="00:00" id="thurs"></div> 

<div class="input-group"><span class="input-group-addon">Fri</span><input type="text" class="form-control" placeholder="00:00" id="fri"></div> 

<div class="input-group"><span class="input-group-addon">Sat</span><input type="text" class="form-control" placeholder="00:00" id="sat"></div> 

<div class="input-group"><span class="input-group-addon">Sun</span><input type="text" class="form-control" placeholder="00:00" id="sun"></div> 

任何帮助是极大的赞赏

Answer 1

如果你正试图获得标签的宽度是相同的，您添加到CSS类，像这样：

.input-group-addon { 
    width: 150px; 
} 

JSFiddle：http://jsfiddle.net/biz79/j2m9ng9p/