У меня есть кнопка группы, которая выглядит следующим образом:сделать ширина кнопки же с браузером Ширина
Я хочу, чтобы ширина кнопки должны быть динамичными, такой же ширины, с браузером.
<div id="opacnavigation" class="btn-toolbar" role="toolbar">
<div id="opacnavigation-btn" class="btn-group">
<button type="button" class="btn btn-success ">
<i class="icon-home"></i>
Home
</button>
<button type="button" class="btn btn-success">
<i class="icon-comment"></i>
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
About the Library
</a>
<b class="caret"></b>
<ul class="dropdown-menu" role="menu">
<li><a href="#" tabindex="-1" role="menuitem">Library Hours</a></li>
<li><a href="#" role="menuitem">Board of Visitors</a></li>
<li><a href="#" role="menuitem">Department and Staff</a></li>
<li><a href="#" role="menuitem">Direction Maps</a></li>
<li><a href="#" role="menuitem">Equipment</a></li>
<li><a href="#" role="menuitem">Floor Plans</a></li>
<li><a href="#" role="menuitem">Information and Policies</a></li>
<li><a href="#" role="menuitem">Mission and Vision</a></li>
</ul>
</button>
<button type="button" class="btn btn-success ">
<i class="icon-question-sign"></i>
Help
</button>
</div>
</div>
Как это сделать с помощью медиа-запросов с использованием CSS?
@media only screen and (min-width: 0px) and (max-width: 608px){
....???
}