Rows and Columns

Sample 1: This text disappears on small and extra small screens.

Sample 2: This text will not be shown on large and extra large screens.

• Facebook
• Arrow Lft
• Arrow Right
• Arrow Up
• Arrow Down
• Folder Open
• Cloud
• Coffee
• Car
• File
• Bars
• Thumbs Up

• Link1
• Link2
• Link3

• Active
• Drop
  Link1 Link2
• Disabled

• Active
• Drop
  Link1 Link2
• Disabled

Light Color:

Dark Color:

• Pictures
• Vacation
• 2020

• Lorem ipsum dolor sit amet consectetur adipiscing elit orci diam phasellus ullamcorper est, elementum eros conubia eleifend aenean semper rhoncus sem duis erat facilisi feugiat, mauris per ridiculus scelerisque pharetra suscipit penatibus aptent augue arcu mattis.

• Lorem ipsum dolor sit amet consectetur adipiscing elit congue facilisis sagittis ad, elementum tempor donec aptent fames molestie dictum luctus iaculis nascetur, primis maecenas mattis mi vulputate semper facilisi varius taciti pulvinar.

• Lorem ipsum dolor sit amet consectetur adipiscing elit, ridiculus per senectus vestibulum efficitur mollis, rhoncus sed tortor lectus tellus conubia.

• 

  Header 1

  Lorem ipsum dolor sit amet consectetur adipiscing elit nibh velit, conubia litora accumsan fermentum cursus eu vehicula id nulla sollicitudin, non sem consequat nostra facilisi ut eget parturient.

  Et curae nascetur justo aenean pharetra fermentum suscipit vestibulum lacus adipiscing, nibh ante lobortis facilisi ultrices sit lacinia efficitur penatibus, dapibus consequat neque auctor urna ligula sociosqu tempus egestas.

  Ex feugiat a elit vel mauris varius ac, at arcu placerat consectetur dignissim fermentum consequat nec, venenatis elementum sed maecenas facilisis laoreet.

• 

  Header 2

  Lorem ipsum dolor sit amet consectetur adipiscing elit ultricies pulvinar malesuada, donec efficitur semper odio cursus eros viverra netus sollicitudin.

  Facilisis pharetra integer porttitor nam ultrices porta ipsum fringilla finibus, tempus aliquam suspendisse arcu consectetur diam placerat congue sociosqu mauris, imperdiet sagittis elementum lectus sed donec feugiat cubilia.

  Nam nec tincidunt potenti vehicula purus diam molestie, velit sapien pulvinar curabitur sagittis litora sodales, rutrum justo dis nisl magnis est.

• 

  Header 3

  Lorem ipsum dolor sit amet consectetur adipiscing elit imperdiet vestibulum, nulla luctus finibus penatibus mollis viverra montes porttitor himenaeos, lacus facilisis varius ultricies eget tempus et id.

  Egestas maecenas mattis ac duis massa nisi augue porttitor, consectetur platea praesent metus lacinia dictumst faucibus bibendum, accumsan tellus felis vestibulum porta viverra montes.

  Nulla et euismod laoreet suscipit massa netus nunc magnis lobortis quis, conubia sodales mattis class interdum pellentesque consectetur vehicula tellus, porta bibendum cubilia tortor mus congue quam volutpat diam.

<h4 id="-modal-footer-parameters">modal-footer parameters</h4><table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th><th>Values</th>q<th>Default</th></tr></thead><tbody><tr><td>class</td><td>Any extra classes you want to add</td><td>optional</td><td>any text</td><td>none</td></tr><tr><td>data</td><td>Data attribute and value pairs separated by a comma. Pairs separated by pipe. See example at <a href="#container-parameters">container parameters</a>.</td><td>optional</td><td>any text</td><td>none</td></tr></tbody></table>

<h4 id="-modal-footer-parameters">modal-footer parameters</h4><table><thead><tr><th>Parameter</th><th>Description</th><th>Required</th><th>Values</th>q<th>Default</th></tr></thead><tbody><tr><td>class</td><td>Any extra classes you want to add</td><td>optional</td><td>any text</td><td>none</td></tr><tr><td>data</td><td>Data attribute and value pairs separated by a comma. Pairs separated by pipe. See example at <a href="#container-parameters">container parameters</a>.</td><td>optional</td><td>any text</td><td>none</td></tr></tbody></table>

Use the media flag at the list-group tag and the listgroup flag at the media tag.

Lorem ipsum dolor sit amet consectetur adipiscing elit eros lectus, id viverra ullamcorper ac metus molestie conubia duis pharetra cursus, interdum malesuada montes tristique eu nec donec turpis.

Dis ac faucibus habitant ultrices himenaeos auctor torquent eleifend magnis, litora mi senectus nascetur eu tincidunt urna pharetra, sit et ullamcorper lorem elementum ornare consequat sed.

Lorem ipsum dolor sit amet consectetur adipiscing elit et tellus, proin fermentum finibus ac curae id tempus nunc.

Lorem ipsum dolor sit amet consectetur adipiscing elit magna, quam nec consequat id inceptos massa convallis ullamcorper fringilla, nascetur purus dignissim risus nisl penatibus nullam.

Lorem ipsum dolor sit amet consectetur adipiscing elit nulla lacinia maximus curabitur habitasse egestas sagittis, bibendum nibh facilisis dapibus vestibulum malesuada placerat cursus tristique vehicula class interdum.

Lorem ipsum dolor sit amet consectetur adipiscing elit phasellus, rutrum suscipit dictumst conubia aliquam faucibus dictum urna tristique, libero odio curae volutpat torquent convallis ad.

Lorem ipsum dolor sit amet consectetur adipiscing elit ridiculus euismod, ante sollicitudin dis facilisis pulvinar faucibus pretium taciti, maximus quam nibh vestibulum dictum urna primis arcu.

Lorem ipsum dolor sit amet consectetur adipiscing elit ligula, finibus himenaeos eros risus hendrerit egestas inceptos gravida dictum, phasellus sem sed non pellentesque enim scelerisque.

Lorem ipsum dolor sit amet consectetur adipiscing elit pharetra id ultricies nibh lacus nunc nisl, netus class tellus vivamus nascetur dis tempus penatibus suscipit condimentum finibus lacinia.

No Wrap

Wrap

Reverse Wrap