aboutsummaryrefslogtreecommitdiff
path: root/docs/examples/non-responsive/non-responsive.css
diff options
context:
space:
mode:
Diffstat (limited to 'docs/examples/non-responsive/non-responsive.css')
-rw-r--r--docs/examples/non-responsive/non-responsive.css58
1 files changed, 58 insertions, 0 deletions
diff --git a/docs/examples/non-responsive/non-responsive.css b/docs/examples/non-responsive/non-responsive.css
index a14f6f634..60830ed20 100644
--- a/docs/examples/non-responsive/non-responsive.css
+++ b/docs/examples/non-responsive/non-responsive.css
@@ -202,3 +202,61 @@ body,
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
+
+/* Undo inline form compaction on small screens */
+.form-inline .form-group {
+ display: inline-block;
+ margin-bottom: 0;
+ vertical-align: middle;
+}
+
+.form-inline .form-control {
+ display: inline-block;
+ width: auto;
+ vertical-align: middle;
+}
+
+.form-inline .form-control-static {
+ display: inline-block;
+}
+
+.form-inline .input-group {
+ display: inline-table;
+ vertical-align: middle;
+}
+.form-inline .input-group .input-group-addon,
+.form-inline .input-group .input-group-btn,
+.form-inline .input-group .form-control {
+ width: auto;
+}
+
+.form-inline .input-group > .form-control {
+ width: 100%;
+}
+
+.form-inline .control-label {
+ margin-bottom: 0;
+ vertical-align: middle;
+}
+
+.form-inline .radio,
+.form-inline .checkbox {
+ display: inline-block;
+ margin-top: 0;
+ margin-bottom: 0;
+ vertical-align: middle;
+}
+.form-inline .radio label,
+.form-inline .checkbox label {
+ padding-left: 0;
+}
+
+.form-inline .radio input[type="radio"],
+.form-inline .checkbox input[type="checkbox"] {
+ position: relative;
+ margin-left: 0;
+}
+
+.form-inline .has-feedback .form-control-feedback {
+ top: 0;
+}