2015-01-01 86 views
-1

我一直在boostrap.css中搜索這個小時,但沒有運氣。類型,位置和排序的搜索框太小,我想讓它們變大。任何人都知道我可以改變這是CSS。你如何在css中找到它,有沒有辦法通過Google的檢測元素來實現?由於無法在CSS中找到

這是小提琴:jsfiddle.net/omab/kShpU/2/

我一直在尋找這方面的代碼。

<!-- Collect the nav links, forms, and other content for toggling --> 
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
     <div class="btn-group"> 
      <div class="btn-group"> 
       <button type="button" class="btn navbar-btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown"> 
        <span class="text-muted">Type</span> 
        <strong class="selection">All</strong> 
        <span class="caret"></span> 
       </button> 
       <ul class="dropdown-menu js-select-menu js-filter"> 
        <li class="active"><a href="#" data-filter="all">All</a></li> 
        <li><a href="#" data-filter=".type-hotel">Hotels</a></li> 
        <li><a href="#" data-filter=".type-lodge">Lodges</a></li> 
        <li><a href="#" data-filter=".type-motel">Motels</a></li> 
       </ul> 
      </div> 
+0

你檢查的導航欄組件的屬性? – maioman

+0

你試過Chrome/Opera中的FireBug或Inspector,你會在幾秒鐘內發現它 – Mark

+0

我試圖找到它在Chrome中,但無法'弄明白。 – user3444610

回答

0

只是針對自己的班級,並添加width

.btn-group{ 
    width: 49%; 
} 

.btn-group .btn-group{ 
    width: 50%; 
} 

.btn-group .btn-group button, .btn-group button{ 
    width: 100%; 
} 

FIDDLE

+0

我認爲他應該在bootstrap框架中找到CSS組件,overidding不是理想的解決方案 – maioman

+0

更改bootstrap中的東西可以在他/她可能不需要的其他地方實現它。他們應該可能添加一個類或複製代碼在不同的類名 – jmore009

+0

整個引導框架被製作爲集成CSS和JS,我不會重命名選擇器... – maioman