我正在使用Twitter bootstrap。它有崩溃模块。 我正在使用它。
<a class="dropdown" style="float: right;" href="#collpasediv" data-toggle="collapse"> Collapse </a>
这是collpasediv
<div id="collpasediv" class="collapse in">
<div class"circlecount">
1
</div>
<div class"content">
Some text goes here
</div>
</div>
我想在崩溃之外移动circlecount
的一半圆圈。
默认情况下,bootstrap为collapsediv应用overflow:hidden
属性。
我尝试将overflow:visible
用于collpasediv和circlecount。但崩溃不能正常工作。任何人都可以帮我修复它吗?谢谢
PS:Circlecount div只是用一些带圆圈的背景图像显示数字。我希望将一半圆圈放在collpasediv之外,将圆圈的一半放在内部。
谢谢
答案 0 :(得分:1)
在twitter bootstrap的样式表中有以下声明:
.collapse.in { height: auto; }
像这样添加:
.collapse.in { height: auto; overflow: visible; }
或者通过添加这样的新声明来重载它(在引导程序中保持其他声明不变 - 这使得将来更新更容易):
.collapse.in { overflow: visible; }