rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

fixes #4718: add vertical-align: middle; to .btn-group to ensure proper alignment next to standard .btn

Browse Source
This commit is contained in:
Mark Otto 2012-08-27 12:05:15 -07:00
parent 15317419f4
commit 22c4f3d058
3 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docs/assets/css/bootstrap.css vendored
View File

@ -3388,6 +3388,7 @@ input[type="submit"].btn.btn-mini {
*margin-left: .3em;
font-size: 0;
white-space: nowrap;
vertical-align: middle;
}
.btn-group:first-child {

1
less/button-groups.less
View File

@ -7,6 +7,7 @@
.btn-group {
position: relative;
font-size: 0; // remove as part 1 of font-size inline-block hack
vertical-align: middle; // match .btn alignment given font-size hack above
white-space: nowrap; // prevent buttons from wrapping when in tight spaces (e.g., the table on the tests page)
.ie7-restore-left-whitespace();
}

17
less/tests/css-tests.html
View File

@ -597,6 +597,23 @@
<h1>Forms</h1>
</div>
<h4>Buttons and button groups</h4>
<form class="form-inline">
<button class="btn btn-success">Save</button>
<button class="btn btn-info">Add new</button>
<div class="btn-group">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
<i class="icon-user"></i> User
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="#">Profile</a></li>
<li class="divider"></li>
<li><a href="#">Sign Out</a></li>
</ul>
</div>
</form>
<h4>Horizontal form errors</h4>
<form class="form-horizontal">
<div class="control-group error">