html - Bootstrap 列边框

Question

为了一次在 col-md-3 和 col-md-6 周围设置边框。 col-md-3 的其余部分将出现边框，但这不是问题。 col-md-3 和 col-md-6 中的问题。请检查我的标记。

 .left-area{ border:2px solid #00FFCC}
 .rightsidebar-area{ border:2px solid #00FFCC}

<section id="blog-area">
	<div class="container">
		<div class="row">
			<div class="left-area">
				<div class="col-md-3">
				<p>Feather images will goes here.</p>
				</div>
				<div class="col-md-6">
				<p>Blog content and post title  goes here.</p>
				</div>
			</div>
			<div class="col-md-3">
				<div class="rightsidebar-area">
				<p>Rght sidebar link goes here.</p>
				</div>
			</div>
		</div>
	</div>
</section>

Answer 1

请检查这个 fiddle http://jsfiddle.net/josangel555/5wdaywt6/

 <div class="left-area col-md-9">

^ 你错过了上面的列规范。

编辑:基于评论。

将 rightsidebar-area 类移动到它的父级(一个带有 col-sm-3 类)并将 container 类更改为容器流体。

更新的 fiddle :http://jsfiddle.net/josangel555/5wdaywt6/1/