Bootstrap列显示堆叠在一行内

Question

我的列在同一行中显示在彼此之上。他们的专栏总计达12个。

HTML：

<section class="container">
  <div class="content row">        
        <section class="main col col-sm-8">
                <h2>main content</h2>
                <p>Lorem ipsum</p>
        </section>  <!-- col-lg-8 -->
        <section class="sidebar col col-sm-4">
                <h2>SIDEBAR</h2>
                <p>Lorem ipsum</p>
        </section> <!--  col-lg-4 -->
  </div>      <!-- row -->
</section>    <!-- container -->

Answer 1

不要认为你可以使用部分标签，你需要使用div。内容类的内容是什么？什么定制？这是基本布局

<div class="container">
  <div class="row">
    <div class="col-lg-8">
      <h2>main content</h2>
      <p>Lorem ipsum</p>
    </div>
    <div class="col-lg-4">
      <h2>Sidebar</h2>
      <p>Lorem ipsum</p>
    </div>
  </div>
</div>

Answer 2

我认为bootstrap

中没有主要或侧边栏类

你可能会做一些影响默认引导行为的样式，你添加的代码应添加到

具有足够宽度的列