Question

我一直在boostrap.css中搜索这几个小时而没有运气。类型，位置和排序的搜索框太小，我想让它们变大。任何人都知道我可以改变的地方就是css。你如何在CSS中找到它，有没有办法用Google的检查元素做到这一点？感谢

我正在查看代码的这个区域。

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

无法在CSS中找到

1 个答案: