diff options
| author | Chris Rebert <[email protected]> | 2014-01-14 21:26:19 -0800 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2014-01-14 21:26:19 -0800 |
| commit | 9ebd8d39a9d5853dd66ebed9a5f17e327e99f3ac (patch) | |
| tree | 2af2091e9deef5b4b48f3ea5ed7e873f2acf0807 /docs | |
| parent | 5ead87d519682c68b18bf796273da70a32b68a96 (diff) | |
| download | bootstrap-9ebd8d39a9d5853dd66ebed9a5f17e327e99f3ac.tar.xz bootstrap-9ebd8d39a9d5853dd66ebed9a5f17e327e99f3ac.zip | |
clarify docs regarding non-mixable components
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/components.html | 4 | ||||
| -rw-r--r-- | docs/css.html | 4 |
2 files changed, 6 insertions, 2 deletions
diff --git a/docs/components.html b/docs/components.html index 4caa9e6f2..0db89d977 100644 --- a/docs/components.html +++ b/docs/components.html @@ -31,7 +31,7 @@ lead: "Over a dozen reusable components built to provide iconography, dropdowns, <p>For performance reasons, all icons require a base class and individual icon class. To use, place the following code just about anywhere. Be sure to leave a space between the icon and text for proper padding.</p> <div class="bs-callout bs-callout-danger"> <h4>Don't mix with other components</h4> - <p>Icon classes cannot be combined with other elements. They are designed to be standalone elements.</p> + <p>Icon classes cannot be directly combined with other components. They should not be used along with other classes on the same element. Instead, add a nested <code><span></code> and apply the icon classes to the <code><span></code>.</p> </div> {% highlight html %} <span class="glyphicon glyphicon-search"></span> @@ -761,7 +761,7 @@ lead: "Over a dozen reusable components built to provide iconography, dropdowns, </div> <div class="bs-callout bs-callout-info"> <h4>Don't mix with other components</h4> - <p>Do not mix form group or grid column classes directly with input groups.</p> + <p>Do not mix form groups or grid column classes directly with input groups. Instead, nest the input group inside of the form group or grid-related element.</p> </div> diff --git a/docs/css.html b/docs/css.html index d8d6b8bb5..315e8249a 100644 --- a/docs/css.html +++ b/docs/css.html @@ -1580,6 +1580,10 @@ For example, <code><section></code> should be wrapped as inline. <button type="submit" class="btn btn-default">Submit</button> </form> {% endhighlight %} + <div class="bs-callout bs-callout-warning"> + <h4>Don't mix form groups with input groups</h4> + <p>Do not mix form groups directly with <a href="/components/#input-groups">input groups</a>. Instead, nest the input group inside of the form group.</p> + </div> <h2 id="forms-inline">Inline form</h2> |