2012-09-29 21 views
2

我想要放置在中間的這些跨度: http://i.stack.imgur.com/3XHhG.pngBootstrap跨度偏移和背景顏色,如何避免對偏移進行着色?

,我可以做到這一點通過添加偏移1對他們說: http://i.stack.imgur.com/bbr8T.png

現在,我的問題是:如何能夠防止偏移也是彩色的。如果我的問題太模糊,請原諒。

HTML:

<div class="span10" style="margin: 0 auto;background-color:#FFDDDD;"> 
    <div class="row"> 
     <div class="span2 offset1" style="text-align: right"> 
     <h1 style="">RWCO</h1> 
     <h3>Bis: 11. März</h3> 
     </div> 
      <div class="span7">Lorem ipsum dolor sit a...` 

回答

0

你應該只將背景顏色應用到div(在這種情況下,span2和span7?),你想有彩色背景。 在你發佈你的應用背景,以充當容器span10,這是正常的,你得到應用到整個塊背景的例子...

試試這個:

<div class="span10" style="margin: 0 auto;"> 
    <div class="row"> 
     <div class="span2 offset1" style="text-align: right; background-color:#FFDDDD;"> 
     <h1 style="">RWCO</h1> 
     <h3>Bis: 11. März</h3> 
     </div> 
      <div class="span7" style="background-color:#FFDDDD;">Lorem ipsum dolor sit a...` 

由方式,我會建議你通過類應用樣式,而不是內聯...

+1

別擔心,一旦佈局完成後,樣式將進入類。按照你的建議,它現在看起來像這樣:http://puu.sh/19Khb 雖然我想要他們作爲一個區域,或者至少兩者應該有相同的高度。 – Lett1

0

您可以將跨距2前添加SPAN1。

(您可能需要見好就收在div爲SPAN1的空間。否則,瀏覽器會崩潰這個div。)

(如果這個答案的作品然後就發表評論你是否有離開在div中的空間或它沒有空間也工作。)

+0

現在看起來像這樣,添加一個空間似乎沒有任何效果:http://puu.sh/19K0R – Lett1

+0

你添加了一個單獨的div用span1之前與span2權利的div? – kapad