Bootstrap/CSS Div搞砸了CSS

所以我有一个本身很好的类，但是只要我把它放在引导行中，它就会混乱起来。 Bootstrap/CSS Div搞砸了CSS

当自身引导出方面，它显示了罚款，像

HTML：

<div class="row"> 
<div class="col-lg-9"> 
    <center> 
     <div id="output0" class="output">--</div> 
     <div id="output1" class="output">--</div> 
     <div id="output2" class="output">--</div> 
     <div id="output3" class="output">--</div> 
     <div id="output4" class="output">--</div> 
     <div id="output5" class="output">--</div> 
    </center> 
</div>

CSS：

.output { 
    margin: 20px; 
    padding: 20px; 
    background: gray; 
    border-radius: 10px; 
    font-size: 80px; 
    width: 80px; 
    color: white; 
    display: inline-block; 
}

来源

2016-08-01 jnDny

尝试填充：20px！important;或者不使用引导程序 –

您应该也停止使用'

'，因为它自2014年以来已经被折旧。 –

你可以做所以：

.output { 
 
    margin: 20px; 
 
    padding: 20px; 
 
    background: gray; 
 
    border-radius: 10px; 
 
    font-size: 80px; 
 
    width: 80px; 
 
    color: white; 
 
     display: inline-table; 
 
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
 
<div class="row"> 
 
<div class="col-lg-9"> 
 
    <center> 
 
     <div id="output0" class="output">0</div> 
 
     <div id="output1" class="output">1</div> 
 
     <div id="output2" class="output">2</div> 
 
     <div id="output3" class="output">50</div> 
 
     <div id="output4" class="output">100</div> 
 
     <div id="output5" class="output">1000</div> 
 
    </center> 
 
</div> 
 
</div>

我希望能帮助。

来源

2016-08-01 16:59:40

这工作谢谢！ – jnDny

Bootstrap/CSS Div搞砸了CSS

回答

相关问题