Twitter bootstrap 引导忽略样式

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的一些代码,比如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">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;
}