无法在CSS中找到

Question

我一直在boostrap.css中搜索这个小时，但没有运气。类型，位置和排序的搜索框太小，我想让它们变大。任何人都知道我可以改变这是CSS。你如何在css中找到它，有没有办法通过Google的检测元素来实现？由于

这是小提琴：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> 

Answer 1

只是针对自己的班级，并添加width：

.btn-group{ 
    width: 49%; 
} 

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

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

FIDDLE