2013-02-28 38 views
2

縮進表引導有一段時間了,但我不能做這個事情(我甚至不知道該怎麼做,而不引導)。 我想要的是縮進表或divs。我已經在Bootstrap中看到過類似<li>的東西,但是沒有任何表格。基本上我想要一個表格,其中<th>是項目名稱下的標題。我需要縮進的原因是因爲項目依賴於其他項目;所以anoher項目下面的項目有略微possitioned其父權(這基本上是縮進,對吧?)與引導

+2

請不要包括「希望我解釋了我自己,對不起我的英語,這不是我的母語,任何關於如何做到這一點的線索,提前致謝。在你的問題。我們的風格側重於問題,而不是愉快的問題。 – Doorknob 2013-02-28 00:17:34

+1

與您正在處理的wat張貼的代碼將幫助我們可視化並給予某種幫助。 – Shail 2013-02-28 02:41:32

+0

也許''

是不是你在找什麼:看[媒體對象(http://twitter.github.com/bootstrap/components.html#media)(注:圖片是可選的)。即使沒有縮進,你嘗試的例子也不錯。 – Sherbrow2013-02-28 08:47:15

回答

1

難道這使用偏移來解決?當我們不瞭解情況或標記的外觀時,幫助有點困難。

偏移*類將增加保證金,留給你的元素。也許這會幫助你?

3

這裏有一對夫婦的選擇,如果你需要的是一個小壓痕提出一個層次。它們並不特定於Bootstrap表。

首先是添加一對不間斷每個縮進的水平,你想要的空間。這具有的優勢,可以通過任何代碼生成表格內容來添加空格而不干擾表格的html。它具有缺點,如果文本包裝在單元格內,包裝線不會縮進。此外,所有那些看不見的不間斷空間可能會導致複製/粘貼意外。

<td>&nbsp;&nbsp;Indented Text</td> 
<td>&nbsp;&nbsp;&nbsp;&nbsp;Indented More</td> 

如果您的代碼正在發送表格的html,更好的解決方案是通過增加金額來更改表格單元格的填充。它的優勢比不間斷空間的增量更精細的控制,並且包裝的文本也縮進。 缺點這裏是你從代碼發出的HTML,這可能會使調整佈局更加困難。

<td style="padding-left:20px">Indented Text</td> 
<td style="padding-left:40px">Indented More</td>