From 6ae488d6efdc4d91e81cc1d9442128e63833c88f Mon Sep 17 00:00:00 2001 From: Chris Rebert <code@rebertia.com> Date: Fri, 24 Apr 2015 19:49:26 -0700 Subject: [PATCH] Ensure .form-inline in non-responsive example doesn't stack; fixes #15977 --- .../non-responsive/non-responsive.css | 58 +++++++++++++++++++ 1 file changed, 58 insertions(+) diff --git a/docs/examples/non-responsive/non-responsive.css b/docs/examples/non-responsive/non-responsive.css index a14f6f634f..60830ed201 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; +} -- GitLab