2014-04-01 33 views
-1

使用Bootstarp 3.0,我想水平對齊標誌和文字。該代碼將如下所示:如何對齊的標誌,並引導3.0在同一行中文字?

<div>   
    <div > 
<img class="" alt="" src="/img/my_logo.gif"></img> 
    </div> 
    <div > 
    <p>My text</p> 
    </div> 
</div> 

我可以使用引導程序的網格系統,但我不想定義寬度。我想要的是,第一列是位圖,第二列(文本)是剩餘空間。

回答

1

您的div有沒有引導類

我建議你去看看 「row」 用於對齊的DIV自舉類

例如

<div class="row"> 
    <div class="col-xs-6">img</div> 
    <div class="col-xs-6">text</div> 
</div> 
+0

這是我第一次嘗試,但它共分兩個相似的寬行。我需要的是將文本放在徽標附近,文本寬度必須是剩餘空間。 –

2

使用引導的list-inline ..

<ul class="list-inline"> 
    <li><img src="//placehold.it/150x50"></li> 
    <li><p>My text</p></li> 
    </ul> 

演示:http://www.bootply.com/126441

+0

它的工作原理,但我怎樣才能垂直排列頂部?現在,如果文本有很多行,則徽標會在豎直的中心對齊。 –

相關問題