Question

我尝试在同一行上使用col-md-4和col-md-8，但是将col-md-8放在col-md-4下方，但我尝试不使用以下格式：结果相同的控制类

 <div class="container">
        <div class="col-md-4 col-sm-12 option-container ">
            <select id="tables" class="form-control">
                <option value="-1" disabled selected>Selecciona una tabla</option>
                <?php
                    foreach($tables as $table){
                        echo "<option>".$table."</option>";
                    }
                ?>
            </select>
        </div>
        <div class="col-md-8">
                    test text
        </div>

我不知道怎么了

Answer 1

在class="row"类之后使用container，在容器类之前关闭。

Answer 2

尝试添加具有行类的div元素

<div class="container">
   **<div class="row">**
      <div class="col-md-4 col-sm-12 option-container ">

Answer 3

引导程序grid system使用一系列的容器，行和列来布局和对齐内容。

<div class="container">
  <div class="row"> <!-- REQUIRED element -->
    <div class="col-md-4">
      One of two columns
    </div>
    <div class="col-md-8">
      One of two columns
    </div>
  </div>
</div>

在您的代码中 .row 元素丢失。

行是列的包装。每列都有水平填充（称为装订线），用于控制它们之间的间距。然后在具有负边距的行上抵消此填充。这样，您列中的所有内容都在视觉上沿左侧向下对齐。

col-md-8在其他行中显示

3 个答案: