Javascript 在CSS中找不到

我已经在boostrap.css中搜索了好几个小时了，但运气不好。类型、位置和排序的搜索框太小，我想把它们放大。任何人都知道我可以在哪里改变这是css。你如何在css中找到它，有没有一种方法可以用Google的inspect元素来实现呢？谢谢

这是小提琴：

我在寻找代码的这个区域

 <!-- 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>

类型
全部

只需针对他们的类并添加一个

宽度

：

.btn-group{
   width: 49%;
}

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

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

---

您检查过导航栏组件属性吗？您在Chrome/Opera中尝试过FireBug或Inspector吗？您会在第二次中找到它。我试图在Chrome中找到它，但无法找到它。您能给我一个导航栏组件属性的示例吗。我试过搜索.btn组，但在bootstrap.css中看不到任何宽度设置。我认为他应该在bootstrap框架中找到css组件，过度填充不是理想的解决方案在bootstrap中更改内容可能会在他/她不想要的其他地方影响它。他们可能应该添加一个类或在不同的类名下复制代码整个引导框架是为了集成CSS和JS，我也不会重命名选择器…我不是说重命名它们（这是最后三个结果选项），我的第一个建议是添加一个类并覆盖它们。这样，您就不会影响原始类、它们的用途以及它们是否在整个代码库中的任何其他地方使用。除非他/她使用CDN交付CSS，否则最好的解决方案是找到选择器的定义位置