Question

我使用jquery onepage滚动创建了单页面布局，所以所有内容都放在标签内。然后在里面我有

的基本结构

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

       CONTENT


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

内部的内容不是视觉上放在jumbotron中的，我必须明确地移动具有绝对底部定位的东西。这显然不能很好地工作，因为一些内容可能比其他内容更长，并将扩展到jumbotron之外。任何想法都会有所帮助。

Answer 1

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

在jumbotron中添加行。 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>

Answer 2

我不是100％根据你所问的问题，但是以下问题会解决你的问题吗？

<div class="container">
  <div class="jumbotron">

       TOP CONTENT


  </div>
  <div class="row">
    <div class="col-lg-9 col-sm-12">
        REST OF PAGE CONTENT
    </div>
  </div>
</div>

Jumbotrons 真的是让标题内容看起来大胆而且脱颖而出。

Bootstrap jumbotron相对于内容

2 个答案: