add basic vertical button group support

This commit is contained in:
Mark Otto
2012-06-19 14:42:46 -07:00
parent 64ba423b6d
commit b54264cde0
4 changed files with 120 additions and 0 deletions

View File

@@ -3171,6 +3171,48 @@ input[type="submit"].btn.btn-mini {
filter: alpha(opacity=75);
}
.btn-group-vertical {
display: inline-block;
}
.btn-group-vertical .btn {
display: block;
float: none;
width: 100%;
margin-left: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-group-vertical .btn + .btn {
margin-top: -1px;
}
.btn-group-vertical .btn:first-child {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.btn-group-vertical .btn:last-child {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.btn-group-vertical .btn-large:first-child {
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}
.btn-group-vertical .btn-large:last-child {
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 18px;