Div與Bootstrap的放置

-1

我在Bootstrap網站上工作，不知道如何放置我的div。 Div與Bootstrap的放置

我不明白我怎麼能得到div3採取與Bootstrap 2行。

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

來源

2015-10-05 Håkon Skaadel

你的問題不明確。你是否想要實現上面附加的圖像佈局？ –

是的，就像圖片 –

這裏是你試圖讓。

.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"> 
 
\t <div class="row"> 
 
\t \t <div class="col-md-8"> 
 
\t \t \t <div class="row"> 
 
\t \t \t \t <div class="col-md-12"> 
 
\t \t \t \t \t <div class="example"> 
 
\t \t \t \t \t \t 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 

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

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

來源

2015-10-05 11:47:39

這個作品，謝謝！ –