Twitter bootstrap 引导忽略样式
我有这段代码,但引导忽略了列表体div的一些代码,比如margintop。尝试使用!很重要,但它不起作用Twitter bootstrap 引导忽略样式,twitter-bootstrap,Twitter Bootstrap,我有这段代码,但引导忽略了列表体div的一些代码,比如margintop。尝试使用!很重要,但它不起作用 <div id="list_body"> <input id="list_name" type="text"> <input id="list_email" type="text"> </div> 完整div代码 <div class="user_list"> <div id="list_header
<div id="list_body">
<input id="list_name" type="text">
<input id="list_email" type="text">
</div>
完整div代码
<div class="user_list">
<div id="list_header">TEST
<a href="#"><h4>*</h4></a>
</div>
<div id="list_body">
<input id="list_name" type="text">
<input id="list_email" type="text">
</div>
</div>
写下来吧,因为stackoverflow需要更多的细节,我不知道要补充什么
当更改bootstrap.css时,所有选项都有效,但不是解决方案。应该是display:block而不是display:inline
你能在JSFIDLE上显示一个例子或者你的站点的链接吗?@Gongota检查这个演示只需将display:inline更改为display:block
<div class="user_list">
<div id="list_header">TEST
<a href="#"><h4>*</h4></a>
</div>
<div id="list_body">
<input id="list_name" type="text">
<input id="list_email" type="text">
</div>
</div>
div .user_list
{
max-width: 40em;
max-height: 30em;
min-height: 10em;
display: inline-block;
margin-right: -1em;
float: right;
border: none;
}
div .user_list.active
{
border: 1px solid black;
border-radius: 3px;
}
div #list_header
{
background-color: grey;
height: 2em;
border: 1px solid black;
text-align: center;
}
div #list_header.active
{
border: none;
border-bottom: 1px solid black;
}
/*Show list*/
div #list_header a>h4
{
display: inline;
}
div #list_body
{
display: inline;
margin-top: 0.5em !important;
}
div #list_body
{
display: block;
margin-top: 0.5em;
}