Bootstrap Learning-Global CSS styles

Grid grid

<!-row "must be contained in. container (fixed width) or. Container-fluid (100% width)-><Divclass= "Container">                           <Divclass= "Row">        <Divclass= "Col-md-1">Col-md-1</Div>    <!-row of up to 12 columns, Col-xs, COL-SM, COL-MD, COL-LG four formats->    </Div></Div>    

Code

<! -Inline code- >   

< Code > &lt; Section&gt; </ Code > should be wrapped as inline

<! -User Input- >

To switch directories, type<KBD>Cd</KBD>followed by the name of the directory.<BR>to edit settings, Press<KBD><KBD>Ctrl</KBD>+<KBD>,</KBD></KBD>

<! -code block- >

< Pre > &lt; P&gt; Sample Text here ... &lt; /P&gt; </ Pre >

 <!  -variable- >  

 <  var  >  y</ var  >  = <  var  >  m</ var  ><  var  >  x</ var  >  + <  var  >  b</ var  >  

<! -Program Output- >

< Samp > This text is the meant to being treated as sample output from a computer program. </ Samp >

Form table Table

<!-Basic-><Tableclass= "Table">The . Table class can give it a basic style-a small amount of inner complement (padding) and a horizontal separator line.
<!-Striped Table->The . Table-striped class can give<tbody>The zebra stripe style is added to each line within.
<!-table with borders->The . Table-bordered class adds a border to the table and each cell in it.
<!-Mouse Hover->The . Table-hover class allows<tbody>responds to the mouse hover state for each row in the
<!-Condensed form->The . Table-condensed class can make the table more compact and the inner complement (padding) in the cell is halved.

<! -Responsive form- >  wrap any. Table element inside the. table-responsive element to create a responsive table that scrolls horizontally on a small screen device (less than 768px). The horizontal scroll bar disappears when the screen is larger than 768px width.

<! -Status Class- >

.active	The color that is set when the mouse hovers over a row or cell
.success	Identify a successful or positive action
.info	Identify common informational or action
.warning	Identify warnings or require user attention
.danger	Identification of dangerous or potential adverse effects of action

Form form

Buttons button

Picture image

Bootstrap Learning-Global CSS styles