使用Bootstrap进行Div放置

Question

我在Bootstrap网站上工作，不明白如何放置我的div。

我不明白我怎样才能让div3用Bootstrap获取2行。

http://jsfiddle.net/7c6sneh3/

HTML

policyResult

CSS

<div class="container">
    <div class="row">
        <div class="example col-md-6"></div>
        <div class="example col-md-6"></div>
    </div>
     <div class="row">
        <div class="example col-md-6"></div>
    </div>
</div>

Answer 1

这是你想要得到的。

.example{
    height: 250px;
    width: 100%;
    border: 5px solid black;
    background-color: lightblue;
    margin: 0 auto;
}

.sidebar{
     height:500px;   
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container-fluid">
	<div class="row">
		<div class="col-md-8">
			<div class="row">
				<div class="col-md-12">
					<div class="example">
						
					</div>
				</div>

				<div class="col-md-12">
					<div class="example">
						
					</div>
				</div>
			</div>
		</div>

		<div class="col-md-4">
			<div class="col-md-12">
				<div class="example sidebar">
						
				</div>
			</div>
		</div>
	</div>
</div>

Answer 2

此处缺少时间，但我强烈认为您应该考虑查看此文档： http://www.w3schools.com/bootstrap/bootstrap_grid_examples.asp 通过一些研究，你应该能够找到一些东西，希望有人会帮助你！

Answer 3

在我提出问题之前，我应该做更多的研究。我在之前的stackeroverflow问题中找到了答案。

How can I get a Bootstrap column to span multiple rows?