如何修改角度自举手风琴中的标题attr中的文本

时间:2014-12-01 09:31:30

标签: html css angularjs angular-bootstrap

我使用角度自举的手风琴,我遇到了一个问题。我有以下手风琴代码:

<accordion close-others="true">
    <accordion-group heading="Living Room  Status: Complete">
        //some content
    </accordion-group>
    <accordion-group heading="Bed Room  Status: Complete">
        //some content
    </accordion-group>
</accordion>

这里的问题是标题文本始终是左对齐的。我想要&#34; 状态:完成&#34;要正确对齐,但我该怎么做?

enter image description here

其他信息:我使用角度引导程序&gt;&gt;中的此文件的 UI-自举-TPLS-0.11.0.min.js

1 个答案:

答案 0 :(得分:1)

此解决方案可能对您有所帮助

<accordion close-others="true">
    <accordion-group heading="Living Room  Status: Complete">
       <accordion-heading>
        <p class="clearfix" style="margin-bottom: 0;"><span  style="float: left;">Living Room</span> <span style="float: right;">Status: Complete</span></p>
       </accordion-heading>
  This content is straight in the template.
</accordion-group>
    </accordion-group>
    <accordion-group heading="Bed Room  Status: Complete">
     <accordion-heading>
        <p class="clearfix" style="margin-bottom: 0;"><span  style="float: left;">Bed Room</span> <span style="float: right;">Status: Complete</span></p>
       </accordion-heading>
    </accordion-group>
</accordion>