diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index e8ddf5bb10..6b904d6e85 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -1249,9 +1249,10 @@ input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
- display: inline-block;
+ display: block;
min-height: 34px;
padding: 6px 9px;
+ margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: #555555;
@@ -1374,6 +1375,7 @@ textarea::-webkit-input-placeholder {
min-height: 20px;
padding-left: 20px;
margin-bottom: 10px;
+ vertical-align: middle;
}
.radio label,
@@ -1619,21 +1621,24 @@ select:focus:invalid:focus {
display: table;
}
-.input-group[class*="span"] {
+.input-group.col {
float: none;
- padding: 0;
+ padding-right: 0;
+ padding-left: 0;
}
.input-group input,
.input-group select {
width: 100%;
+ margin-bottom: 0;
}
.input-group-addon,
.input-group-btn,
.input-group input {
display: table-cell;
- margin: 0;
+ /*margin: 0;*/
+
border-radius: 0;
}
@@ -1779,6 +1784,15 @@ select:focus:invalid:focus {
border-bottom-right-radius: 3px;
}
+.form-inline input,
+.form-inline select,
+.form-inline textarea,
+.form-inline .radio,
+.form-inline .checkbox {
+ display: inline-block;
+ margin-bottom: 0;
+}
+
@media screen and (min-width: 768px) {
.form-horizontal .control-group {
position: relative;
diff --git a/docs/docs.html b/docs/docs.html
index 88ab16d7ce..f3370dfbdf 100644
--- a/docs/docs.html
+++ b/docs/docs.html
@@ -1327,10 +1327,14 @@ For example, <section>
should be wrapped as inline.
Included with Bootstrap are optional form layouts for common use cases.
Add .form-inline
for left-aligned labels and inline-block controls for a compact layout.
Add .form-inline
for left-aligned and inline-block controls for a compact layout.
Inputs, selects, and textareas are 100% wide by default in Bootstrap. To use the inline form, you'll have to set a width on the form controls used within.
+