Question

3列应该只显示为1列。删除col-md-12并没有帮助。我也尝试过将容器换成容器液。我使用NetBeans 8.1

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
  <div class="row">
    <div class="col-md-12">
      <div class="col-md-4">
        <div class="thumbnail">
          <img src="http://i.imgur.com/ddz8HjF.jpg">
          <h2>Manufacturing & Quality</h2>
          <p>Flextron’s manufacturing facility is well
            <br>equipped with fully and semi-automatic
            <br>hi-tech equipments capable of placing
            <br>variety of SMT and Through-Hole components
            <br>on Flexible and Rigid PCBs.
            <br>
          </p>
        </div>
      </div>
      <div class="col-md-4">
        <div class="thumbnail">
          <img src="http://i.imgur.com/qpakutc.jpg">
          <h2>Our Capabilities</h2>
          <p>We offer the latest in SMT, THT, BGA and
            <br>Micro-BGA capability, in addition to mixed
            <br>technology PCB assembly. Keeping on the
            <br>forefront of component requirements, we
            <br>offer surface mount placement down to 12 mil
            <br>pitch, with a component range of 0201 to 52
            <br>mm square QFPs and BGAs....
            <br>
          </p>
        </div>
      </div>
      <div class="col-md-4">
        <div class="thumbnail">
          <img src="http://i.imgur.com/ddz8HjF.jpg">
        </div>
      </div>
    </div>
  </div>
</div>

＆＃13;

Answer 1

您的视口不够宽，col-md-*类无法正常工作。

检查这个小提琴： key management

如果将其替换为col-sm-*类，则会在三列中对齐。

Answer 2

我通过在每个col-md-4 div中添加以下类来修复它：

d-块
MX-自动

Bootstrap col-md-4无法正常工作

2 个答案: