jquery - Bootstrap jumbotron 相对于内容

Question

我使用 jquery onepage scroll 创建了一个单页布局，因此所有内容都放在标签内。然后在里面我有基本的结构

<div class="container">
  <div class="row">
    <div class="col-lg-9 col-sm-12">
      <div class="jumbotron">

       CONTENT


      </div>
    </div>
  </div>
</div>

里面的内容并没有在视觉上放置在超大屏幕中，我必须明确地移动具有绝对底部定位的东西。这显然效果不佳，因为某些内容可能比其他内容更长，并且会扩展到超大屏幕之外。任何想法都会有所帮助。

Answer 1

你能发布一个链接到你的代码吗？使用工作示例或一些 CSS 进行调试会更容易。无论如何，这是一个可能的解决方案。

在超大屏幕内添加行。 row 元素的样式中已经带有 clearfix，因此可能有助于包含内容。如果这没有帮助，请将 clearfix 类添加到容器元素。

<div class="container clearfix">
   <div class="jumbotron">
      <div class="row">
         <div class="col-lg-9 col-sm-12">

       CONTENT

         </div>
      </div>
   </div>
</div>