2012-07-31 25 views
6

मैं ट्विटर बूटस्ट्रैप का उपयोग कर निम्न प्रभाव प्राप्त करना चाहता हूं। पतन कार्रवाई के लिए एक लिंक, और एक अलग कार्रवाई के लिए एक और लिंक:ट्विटर बूटस्ट्रैप accordion-heading

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" 

बेस्ट सादर

+0

यह मेरे लिए ऐसा करने का तरीका प्रतीत होता है। क्या यह काम नहीं कर रहा है या आप एक अलग व्यवहार की तलाश में हैं? पूरे हेडर की तरह accordion toggling? – Sherbrow

+0

यह काम कर रहा है, और मैं एक अलग व्यवहार खोजने की कोशिश नहीं कर रहा हूँ! मुझे बस "हथौड़ा" पैडिंग पसंद नहीं है। – eveiga

उत्तर

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)

संबंधित मुद्दे