Bootstrap3.0 learning Round 8 (Tool Class)

Before reading, you can also go to the Bootstrap3.0 getting started learning series navigation to view the http://www.cnblogs.com/aehyok/p/3404867.html

The content of this article is as follows:

A symbolic closed icon can be used to disappear the mode dialog box and warning box.

 <button type= = aria-hidden=>&times;</button>

Use the insert operator to indicate the function and direction of the drop-down. Note that the default insert operator is automatically reversed in the dropup menu.

 <span =></span>

These two classes let the page elements float left and right.!importantIt is used to avoid some problems. You can also use these two classes like mixin.

<div =>...</div><div =>...</div>

.pull-: left !-: right !---

 

Do not use the navigation bar

If it is used to align components on the navigation bar, be sure to use.navbar-leftOr.navbar-right. View the navigation bar document for details.

Set the page elementdisplay: blockAnd setmarginCenter it. Can be used as mixin or class.

<div =>...</div>

.center----

 

Use. clearfix to clear the floating of any page element. We use the micro clearfix of Nicolas Gallagher. It can also be used like mixin.

<div =>...</div>

&& &

 

Pass.showAnd.hiddenYou can forcibly display or hide any page element (Included on screen reader). These two classes use!importantTo avoid conflicts. These two classes can only be used for block-level elements or mixin.

. Hide can still be used, but it cannot affect the screen reader and will be marked as not recommended since v3.0.1. Use. hidden or. sr-only.

In addition, you can use. invisible to switch the visibility of only one element, which means that its display is not modified and can still affect the elements in the Document Stream.

<div =>...</div><div =>...</div>

!!!-

Use.sr-onlyForBesides the screen readerAn element is hidden from all other devices. This class can also be used as a mixin.

<a = href=>Skip to main content</a>

.skip--

Use.text-hideClass (can also be used as mixin) can replace the text content contained in the page element with the background image.

-

This article focuses on some special effects. Such as hide, clear floating, and close. Some features may be used.
This article has been updated to http://www.cnblogs.com/aehyok/p/3404867.html