Css 引导程序3,这是如何指定网格布局的?

Css 引导程序3,这是如何指定网格布局的?,css,twitter-bootstrap-3,Css,Twitter Bootstrap 3,我正在使用表单生成器。它给出了下面的语法。我相信Bootstrap3使用了一个列系统,它的总数必须达到12。我从下面看到,加起来只有10。可以解释一下为什么下面的说法是正确的吗。也许我只是糊涂了 <!-- Contact Info --> <div class="tab-pane fade active in" id="contactinfo1"> <br> <form class="form-hor

我正在使用表单生成器。它给出了下面的语法。我相信Bootstrap3使用了一个列系统,它的总数必须达到12。我从下面看到,加起来只有10。可以解释一下为什么下面的说法是正确的吗。也许我只是糊涂了

<!-- Contact Info -->
      <div class="tab-pane fade active in" id="contactinfo1">
          <br>

          <form class="form-horizontal">
          <fieldset>



          <!-- Text input-->
          <div class="form-group">
            <label class="col-md-4 control-label" for="firstname">First Name</label>  

            <div class="col-md-6">
            <input id="firstname" name="firstname" type="text" placeholder="First Name" class="form-control input-md">  
            </div>
          </div>

          <!-- Text input-->
          <div class="form-group">
            <label class="col-md-4 control-label" for="lastname">Last Name</label>  
            <div class="col-md-6">
            <input id="lastname" name="lastname" type="text" placeholder="Last Name" class="form-control input-md" required="">

            </div>
          </div>


名字 姓
在Twitter引导中,您可以添加“最多12”列,这意味着您可以包含不超过12列,但可以包含不超过12列或实际上是12列(没有硬性规定仅包含12列)。 col-md-6和col-md-4添加到10列。 因此,如果需要,现在可以添加“col-md-2”(不需要),这将与初始DIV“col-md-4”和“col-md-6”位于同一行。 但是,如果您在“col-md-2”上添加任何内容,即“col-md-3”,它将在下面移动。 希望这是有帮助的