Twitter引導程序結構與div

我想知道是否有可能將該欄移動一下，酒吧是用<p>標籤包裝的。實際塊的Twitter引導程序結構與div

<div class="span9 well"> 
<div class="row-fluid"> 
    <div class="row-fluid"> 
     <div class="span2"> 
      <img src="dummy_image.jpg" class="img-polaroid"> 
     </div> 
     <div class="span7"> 
      <h2>Title</h2>  
      <p>Texttttttttttttttttt.</p> 
      <p > 
       <a href="#"><span class="label label-info">Genre</span></a> 
       <span class="label label-warning"> 
       <i class="icon-star"></i> 
       ...<!-- stars --> 
       </span>  
       <a href="#"><span class="label label-success">Yes</span></a>/<a href="#"><span class="label label-important">No</span></a> 
      </p> 
     </div> 
    </div> 
</div>

屏幕截圖我想改變：

enter image description here

來源

2012-12-12 Tiago Oliveira

CSS這裏是你的朋友。你需要自定義一些，但沒什麼大不了的。 –

張貼您的CSS .. – Sowmya

從@WojciechDłubacz的答案波蘭人工作，並且它的Twitter-Bootstrap原始的css。 –

使用position:absolute

.row-fluid{position:relative; width:450px; background:red; overflow:auto} 
.span2{display:inline; float:left} 
.span7{display:inline; } 
.row-fluid > p{position:absolute; bottom:0; left:170px}

DEMO

來源

2012-12-12 12:25:57 Sowmya

感謝這一個。使用它:)和另一個也（在固定佈局） –

你總是可以命名<p>標籤，像這樣：

<p class="bar"> 
    <a href="#"><span class="label label-info">Genre</span></a> 
    <span class="label label-warning"> 
    <i class="icon-star"></i> 
    ...<!-- stars --> 
    </span>  
    <a href="#"><span class="label label-success">Yes</span></a>/<a href="#"><span class="label label-important">No</span></a> 
</p>

然後使用.bar {margin-top: 20px;}在你的CSS代碼中，這並不壞b ehaviour

來源

2012-12-12 12:22:43

謝謝:)我添加這個到我的自定義CSS文件工作像一個魅力 –

Twitter引導程序結構與div

回答

相關問題