2013-03-26 81 views
23

反正有沒有把2 <a>元素顯示爲內聯?Twitter-Bootstrap - 將簡單元素嵌入

我tryed:

<div class="form-inline"> 
<a>jjj</a> 
<a>sss</a> 
</div> 

<div class="row-fluid"> 
    <a class="inline">jjj</a> 
    <a class="inline">sss</a> 
    </div> 

,但它不工作。

回答

31

默認情況下應該顯示錨標記inline。您必須有一些額外的樣式設置它們以顯示爲block元素或類似的東西。

使用你的代碼,這裏是一個工作JSFiddle

檢查你的網頁,找出錨的display被設置,要麼修改或,此前元素設置爲display:inline。正如你已經添加class="inline"你可以簡單地只需要添加:

a { display:block; /* Pre-existing code */ } 
a.inline { 
    display:inline; 
} 

另請注意,我不認爲row-fluid設計成無引導的其他要素scaffolding的工作,如果你想要一個全寬行,你應該使用方法:

<div class="row-fluid"> 
    <div class="span12"> 
     <a class="inline">jjj</a> 
     <a class="inline">sss</a> 
    </div> 
</div> 
+1

是你的權利,這是對我自己的樣式表的CSS問題,非常感謝你,我會接受你的答案 – sbaaaang 2013-03-26 10:24:15

+2

但是,這個Twitter的引導? – kaleemsagard 2014-12-15 21:15:16

+0

在這種情況下,Bootstrap和Twitter Bootstrap是一回事。 – FlyingNimbus 2016-03-03 11:31:52