我正在使用具有2列布局的Bootstrap 3。右侧列是我的侧边栏。我为每个列使用不同的背景,并且我可以看出我的侧边栏列没有一直延伸到主内容包装器的底部。在大多数情况下,位于右侧的主要内容比侧边栏内容更长,但我不想看到主内容区域的背景,而是希望侧边栏内容的背景继续延伸。
这是我参考的jsfiddle,以实现100%高度的侧边栏,但似乎无法使其工作。 这是我的代码要点:
这是我参考的jsfiddle,以实现100%高度的侧边栏,但似乎无法使其工作。 这是我的代码要点:
<div id="content" class="clearfix row">
<div id="main" class="col-sm-8 clearfix" role="main">
<article id="post-1728" class="post-1728 page type-page status-publish hentry clearfix" role="article" itemscope="" itemtype="http://schema.org/BlogPosting">
<header>
<div class="page-header"><h1 class="entry-title" itemprop="headline">About</h1></div>
</header> <!-- end article header -->
<section class="post_content clearfix" itemprop="articleBody">
<p class="lead">LENGTHY CONTENT</p>
</section> <!-- end article section -->
<footer>
</footer> <!-- end article footer -->
</article> <!-- end article -->
</div> <!-- end #main -->
<div id="sidebar1" class="col-sm-4" role="complementary">
<div class="sidebar-content"></div>
</div>
<div style="clear:both">
</div>
这是我的jsfiddle:
如果有人之前遇到过这个问题,那就太好了。我看到很多左侧边栏使用Bootstrap实现100%,但没有右侧边栏。
谢谢。