2014-03-04 56 views
0

使用引導程序,我認爲在某些情況下色柱寬度不夠精細。這裏是一個非常漂亮的模板,我試圖效仿學習的目的:使用引導實現細晶粒寬度

their attempt

現在,這裏是我的嘗試:

my attempt

這是在早期階段,但已經這些寬度AREN真的不適合我。兩個按鈕之間的差距太大,太過於我喜歡的笨重。

<div class="mobile-menu btn-group col-xs-12"> 
    <button class="btn btn-default btn-lg dropdown-toggle col-xs-12" type="button" data-toggle="dropdown"> 
     Large button <span class="caret"></span> 
    </button> 

    <ul class="dropdown-menu col-xs-6"> 
     <li> Item One </li> 
     <li> Item Two </li> 
     <li> Item Three </li> 
     <li> Item Four </li> 
     <li> Item Five </li> 
    </ul> 
</div> 



<div class = 'col-xs-6'> 
    <a class = 'btn btn-primary col-xs-12'> Make a Donation </a> 
</div> 

<div class = 'col-xs-6'> 
    <a class = 'btn btn-primary col-xs-12'> Make a Donation </a> 
</div> 

我如何能實現更好的控制糧食?我試圖嵌套的按鈕,你可以看到,但沒有做任何事情。

回答

0

由於MightySchmoePong指出的那樣,你可以定製和下載。而且我還發現firefox Developer工具/控制檯等都是實現引導程序使用中更細粒度控制的不可缺少的工具。一旦您在開發工具的幫助下確定了與之相交的特定元素,您可以通過爲其自定義LESS或CSS編寫自定義LESS或CSS來輕鬆地將此元素定位到您的要求。