引导输入组

Question

我在输入组中有一个带有标签的复选框。当我在标签中有很长的文字时，它看起来像

我能做什么，输入组将调整大小，文本将适合它？

这是我的代码：

<div class="row">
<div class="col-xs-6">
    <div class="input-group">
        <span class="input-group-addon">
            <input type="checkbox">
        </span>
        <label type="text" class="form-control">asdf asd fas df sadf asdfsadfsdf sDASDF ASDFASDF ASDFasd asdfsadf asdf asdf asdf </label>
    </div>
</div>

感谢帮助...

Answer 1

你可以这样做：

.noFloat {
  float: none !important;
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<div class="row">
    <div class="col-xs-6">
        <div class="input-group">
            <span class="input-group-addon">
                <input type="checkbox">
            </span>
            <label type="text" class="form-control noFloat">asdf asd fas df sadf asdfsadfsdf sDASDF ASDFASDF ASDFasd asdfsadf asdf asdf asdf </label>
        </div>
    </div>
</div>

关闭“行”div

从标签中删除float属性，添加noFloat类

这不是最好的解决方案，但可能适合您的需要。