引导程序与内容相关的jumbotron

Question

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

<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>

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 Jumbotrons真的是为了让标题内容看起来粗体和突出。