css - 使用 Bootstrap 放置 Div

Question

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

我不明白如何使用 Bootstrap 让 div3 占据 2 行。

http://jsfiddle.net/7c6sneh3/

HTML

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

CSS

.example{
    height: 100px;
    width: 300px;
    border: 1px solid black;
    background-color: red;
}

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>