我使用角度自举的手风琴,我遇到了一个问题。我有以下手风琴代码:
<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;要正确对齐,但我该怎么做?
其他信息:我使用角度引导程序&gt;&gt;中的此文件的 UI-自举-TPLS-0.11.0.min.js
答案 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>