Twitter bootstrap手风琴 - 标题

时间:2012-07-31 10:42:30

标签: twitter-bootstrap

我想使用twitter bootstrap获得以下效果。崩溃操作的一个链接,以及另一个不同操作的链接:

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"

最好的问候

1 个答案:

答案 0 :(得分:5)

你可能会对此更加干净:

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)