2015-09-24 39 views
-1

我試圖給margin-left:160px到第一個孩子的.item類,但它不給我想要的結果,如果我使用引導程序grid系統,而不是它的工作正常js小提琴:https://jsfiddle.net/ph4kq5bp/ 。我想給margin-left:10px所有其他替代<div class="item"></div>第一個孩子如何給引導的第一個孩子的風格

<div class="col-lg-3 item text-center"> 
     1 
     </div> 
     <div class="col-lg-3 item text-center"> 
     2 
     </div> 
     <div class="col-lg-3 item text-center"> 
     3 
     </div> 
     <div class="col-lg-3 item text-center"> 
     4 
     </div> 

CSS

.item:first-child 
{ 
margin-left:160px; 
} 
.item 
{ 
height: 20px; 
width: 20px; 
margin-top: 50px; 
margin-left: 10px; 
background-color:#000; 
float:left; 
} 
+0

您是否檢查過檢查員?什麼樣式/屬性覆蓋.item樣式? 很可能,您所要做的就是調整.item上的CSS選擇器的特殊性,以覆蓋引導程序的默認值。 請參閱:https://css-tricks.com/specifics-on-css-specificity/ –

回答

相關問題