From 3d5b3402170f142205e0c468c2fa548fbc94016c Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Wed, 6 Jan 2016 15:52:12 -0800 Subject: Add comprehensive `.form-control` example(/testcase) to docs Put all the textual input types right next to each other for easy visual comparison. Refs #17308, #18763 [skip sauce] --- docs/components/forms.md | 85 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 85 insertions(+) (limited to 'docs/components') diff --git a/docs/components/forms.md b/docs/components/forms.md index d3419beb8..ce0124f1a 100644 --- a/docs/components/forms.md +++ b/docs/components/forms.md @@ -163,6 +163,91 @@ Below is a complete list of the specific from controls supported by Bootstrap an +### Textual inputs + +Here are examples of `.form-control` applied to each textual HTML5 `` `type`. + +{% example html %} +
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+
+ +
+ +
+
+{% endexample %} + ## Form layouts Since Bootstrap applies `display: block` and `width: 100%` to almost all our form controls, forms will by default stack vertically. Additional classes can be used to vary this layout on a per-form basis. -- cgit v1.2.3