Html Bootstrap 3.0文本在2个输入元素之后出现，之前对其进行了编码。

对于Bootstrap 3.0，我有几个问题：

1） 对于学习，如何使col-sm-5类的div比class=“col-sm-4”+class=“col-sm-4”指定的长度大于等于8的子div元素小

2） 我希望“选择日期”文本位于2个输入元素之前。然而，这对我来说毫无意义

<form name="dateFrom">
    <div class="form-group well col-sm-5">
        <div class="form-group"> 
            Pick A Date
            <div class="col-sm-4">
                <input type="text" class="form-control datepicker" placeholder="From date" name="search" class="form-control">
            </div>
            <div class="col-sm-4">
                <input type="text" class="form-control datepicker" placeholder="To date" name="search1" class="form-control">
            </div>
        </div><!-- /input-group -->
    </div><!-- /.col-lg- -->
</form>

选择一个日期

1）列的宽度是以百分比定义的，

col-sm-5

has是其父级宽度的5/12，

col-sm-4

是其父级宽度的4/12，在您的案例中是

表单组

2）类为

col sm-

的元素具有

float:left

，因为文本

选择日期

没有任何float属性，所以带

col sm-

的两个

div

浮动到左侧，这就是文本显示在右侧的原因。如果您希望它按正确的顺序排列，请用

div

环绕它，并添加例如

col-sm-4