2012-07-31 41 views
6

Me gustaría obtener el siguiente efecto utilizando twitter bootstrap. Un vínculo para la acción colapso, y otro enlace para una acción diferente:Twitter bootstrap accordion-heading

example

En este momento me estoy haciendo esto estableciendo el otro enlace con una clase de pull-derecha y el relleno del artículo. ¿Hay una mejor manera?

Aquí está el código que importa (lo siento pero es de jade, de cualquier manera creo que es fácil de entender)

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" 

Saludos

+0

Esta parece ser la manera de hacerlo, para mí. ¿No está funcionando o estás buscando un comportamiento diferente? ¿Te gusta todo el encabezado para alternar el acordeón? – Sherbrow

+0

¡Está funcionando, y no estoy tratando de encontrar un comportamiento diferente! Simplemente no me gusta el relleno "martillado". – eveiga

Respuesta

5

Es posible conseguir un poco más limpio, con que:

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" 

Y que (para evitar el puntero en todas partes):

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

Demo (jsfiddle)