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

回答

相关问题