2014-06-05 55 views
5

在bootstrap中可以實現附加的網格嗎?每個廣場可能會是一個圖像......或者也許是文字!在bootstrap中實現複雜的網格

我已經走了,但遇到了左上角的框,例如跨越兩行。

網:每當你需要你的網格跨越幾行

enter image description here

+0

那麼我可以看到如何實現這個沒有引導,所以我想你可以用bootstraps實現它。 –

+0

很棒@ web-tiki,你會推薦什麼?謝謝 – kingprawn123

+0

我不會使用bootstraps,但這是非常私人的(我不使用它,我不是很喜歡它),但如你所質疑的是「是否有可能」我回答「是」,因爲它可能沒有是可能與bootsraps。如果你不想使用bootsraps,我可以幫你,否則我不能。無論如何,這裏的許多人應該能夠找到自舉解決方案,所以不用擔心。 –

回答

10

使用嵌套塊。 事情是這樣的:

<div class="row"> 
    <div class="col-sm-6"></div> 
    <div class="col-sm-6"> 
     <div class="row"> 
      <div class="col-sm-6"></div> 
      <div class="col-sm-6"></div> 
     </div>   
     <div class="row"> 
      <div class="col-sm-6"></div> 
      <div class="col-sm-6"></div> 
     </div> 
    </div> 

    <div class="col-sm-8"> 
     <div class="row"> 
      <div class="col-sm-8"></div> 
      <div class="col-sm-4"></div> 
     </div> 
     <div class="row"> 
      <div class="col-sm-4"></div> 
      <div class="col-sm-8"></div> 
     </div> 
    </div> 
    <div class="col-sm-4"></div> 
</div> 

然後,您可以爲您的塊高度和網格是好去。

+0

非常感謝@TwiStar,我會放棄這個!爲了設置塊的高度,你是否建議在讀取「行」類的css文件夾中添加一個新的.css文件? – kingprawn123

+0

我建議有一個單獨的樣式表與您自己的自定義類來控制這類事情。 – Eternal1

+0

完美的,抱歉提出這麼多問題,但如果我在看左上方的框,例如我會把該框放在一個div中,並給它一個自定義的類(例)'topleft'?由於網格反應靈敏,可以用可變高度反射寬度?再次感謝TwiStar。 – kingprawn123