Twitter引導手風琴 - 標題

我想使用twitter bootstrap獲得以下效果。其中一個鏈接，瓦解作用，而另一個鏈接不同的動作：Twitter引導手風琴 - 標題

example

現在，我通過設置一拉右類中的另一個鏈接和填充該項目得到這一點。有沒有更好的辦法？

這裏是一個重要的代碼（抱歉，但它在玉，無論哪種方式，我認爲這是很容易理解）

div.accordion-heading 
    div.row-fluid 
     div.span6 
      a.accordion-toggle(href="#", data-parent="main-accordion", data-toggle="collapse")= "Collapse Link" 
     div.span6 
      a.pull-right(style="padding:8px 15px")= "Another Link"

問候

來源

2012-07-31 eveiga

這似乎是對我來說這樣做的方式。它不工作還是你在尋找不同的行爲？像整個頭部切換手風琴一樣？ – Sherbrow 2012-07-31 19:47:45

它的工作原理，我不想找到不同的行爲！我只是不喜歡「錘打」的填充。 – eveiga 2012-07-31 20:30:24

你可能會得到更多的清潔與：

div.accordion-heading 
    div.accordion-toggle.group-accordion-toggle 
     a(href="#", data-parent="main-accordion", data-toggle="collapse")= "Collapse Link" 
     a.pull-right= "Another Link"

而且（避免指針到處）：

.accordion-toggle.group-accordion-toggle { cursor: inherit; }

Demo (jsfiddle)

來源

2012-07-31 21:02:49 Sherbrow

Twitter引導手風琴 - 標題

回答

相關問題