Bootstrap忽略样式

我有这个代码，但引导忽略list_body div的一些代码，如margin-top。尝试使用!important，但它不起作用。Bootstrap忽略样式

<div id="list_body"> 
    <input id="list_name" type="text"> 
    <input id="list_email" type="text"> 
</div>

CSS

div #list_body 
{ 
    display: inline; 
    margin-top: 0.5em; 
}

全格码

<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; 
}

（只写它，因为计算器要求更多的细节，我不要不知道要添加什么）

更改bootstrap.css时全部正常，但不是解决方案。

来源

2014-05-13 GONGOTA

可以显示上的jsfiddle或一个例子，你的网站的链接？ – sfletche

@Gongota检查此演示http://www.bootply.com/bkqmh4gswu只需更改显示：内联显示：块 – mohamedrias

应该display: block，而不是display: inline

div #list_body 
{ 
    display: block; 
    margin-top: 0.5em; 
}

Working Example

来源

2014-05-13 03:36:14 mohamedrias

Bootstrap忽略样式

回答

相关问题