无法在 CSS 中定位
Unable to locate in CSS
我已经在 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>
只需瞄准他们的 类 并添加一个 width
:
.btn-group{
width: 49%;
}
.btn-group .btn-group{
width: 50%;
}
.btn-group .btn-group button, .btn-group button{
width: 100%;
}
我已经在 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>
只需瞄准他们的 类 并添加一个 width
:
.btn-group{
width: 49%;
}
.btn-group .btn-group{
width: 50%;
}
.btn-group .btn-group button, .btn-group button{
width: 100%;
}