Bootstrap jumbotron相对于内容

我创建了一个使用jQuery OnePage滚动的单页布局，所以一切都放在标签内。然后里面我有Bootstrap jumbotron相对于内容

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

     CONTENT 


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

的基本结构在里面的心不是内容被放置在超大屏幕在视觉上，我必须明确地搬东西绝对底部的定位。这显然不能很好地工作，因为有些内容可能会比其他内容更长，并且会扩展到超大型电影之外。任何想法都会有所帮助。

来源

2013-12-09 Dondada

我不是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是真正用于制作标题内容看起来大胆而脱颖而出。

来源

2013-12-09 16:11:20

我认为在jumbotron中放置内容是与某些事情的响应性拧紧。 – Dondada

内容是什么？你能告诉我一个例子吗？ –

你能发布一个链接到你的代码吗？用一个工作示例或一些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>

来源

2013-12-09 16:23:18 bradmaxs

Bootstrap jumbotron相对于内容

回答

相关问题