我想实现的是在左侧和作为该图像中显示的,现在只有一个按钮多个按钮的输入组:多个按钮
问题是,只要我有每侧一个以上的按钮,输入字段调整大小以最大宽度和踢一个按钮列于较小显示器:
随着只在左,一个按钮的按钮上正确的,它适用于所有的屏幕大小100%:
乐代码:
<div class="input-group br">
<span class="input-group-btn">
<div class="btn-group">
<a href="#" class="btn btn-primary clear-search">
<span class="glyphicon glyphicon-refresh"></span>
</a>
<a href="#" class="btn btn-primary qr-code">
<span class="glyphicon glyphicon-qrcode"></span>
</a>
</div>
</span>
<input class="form-control search" type="search" name="search" placeholder="Search">
<span class="input-group-btn">
<div class="btn-group dropup">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="glyphicon glyphicon-search"></span>
Search
<span class="caret"></span>
</button>
<ul class="dropdown-menu dropdown-menu-right">
<li><a class="buyer-identifier" href="#">Buyer Number</a></li>
...
<li class="divider"></li>
<li><a class="clear-search" href="#">Clear Search</a></li>
</ul>
</div>
</span>
</div>
就如何使所有的第一个图像工作的任何想法屏幕尺寸?
这是Bootstrap 4的东西吗?我不确定它与这个特定的问题有关。 – isherwood