Twitter Bootstrap手风琴标题

Question

我希望使用Twitter Bootstrap实现以下效果。一个链接用于折叠操作，另一个链接用于不同的操作：

目前，我通过设置另一个链接的pull-right类并填充该项来实现此目的。是否有更好的方法？

以下是相关代码（抱歉，它是jade格式的，但我认为很容易理解）：

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"

此致敬礼

- eveiga

---

这似乎是我认为的正确方法。它不起作用还是你想要不同的行为？比如整个标题切换手风琴？ - Sherbrow

它能正常工作，我并不想寻找其他的行为！我只是不喜欢这种“锤击”填充。 - eveiga

Answer 1

你可以通过以下方法更加清晰地表达：

你可以采用以下方式使表达更加清晰：

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; }

演示（jsfiddle）

- Sherbrow