使用 Bootstrap CSS 3.3.1,我在使用插件和帮助 block 进行输入时遇到了一些问题。
看看 fiddle :https://jsfiddle.net/L8cyqoL1/1/
在 Firefox/Chrome 上测试。标记有误吗?我尝试了“input-group”...作为类但没有成功
这是标记:
<div class="form-group">
<label for="title" class="control-label col-md-3">Titre de la page</label>
<div class="col-md-9 input-group">
<div class="input-group-addon">
@
</div>
<input type="text" value="Value test" class="form-control input-xxlarge" id="title" name="title" size="46" />
<span class="help-block">Help Lorem Ipsum</span>
</div>
</div>
最佳答案
尝试这样:
<div class="form-horizontal">
<div class="form-group">
<label for="title" class="control-label col-sm-3">Titre de la page</label>
<div class="col-sm-9">
<div class="input-group">
<span class="input-group-addon">@</span>
<input type="text" id="title" name="title" class="form-control" />
</div>
<p class="help-block">Example block-level help text here.</p>
</div>
</div>
</div>
(拉伸(stretch)预览 Pane 以查看列支撑)
关于css - 带插件和帮助 block 的 Bootstrap 3 输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29632569/