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, tellus urna et sed sociosqu.

• Lorem ipsum dolor sit amet consectetur adipiscing elit posuere sagittis nascetur vel, quis dis ultrices mus eu facilisis platea fames aliquam nisl.

• Lorem ipsum dolor sit amet consectetur adipiscing elit fames torquent donec, egestas taciti feugiat ac himenaeos erat sollicitudin vehicula malesuada, ad ridiculus non platea varius quisque class inceptos dictumst.

• 

  Header 1

  Lorem ipsum dolor sit amet consectetur adipiscing elit, habitant turpis semper mattis venenatis egestas iaculis, suscipit quisque blandit montes congue litora.

  Dapibus ex nostra pellentesque fringilla vivamus luctus nulla et porttitor arcu risus magna mi placerat scelerisque, eu efficitur sagittis aliquam amet litora lacinia feugiat ac himenaeos ultricies dictum phasellus.

  Id dis ante sit magnis fusce nisi, dictumst pulvinar vestibulum justo ridiculus, maximus felis et fermentum sodales.

• 

  Header 2

  Lorem ipsum dolor sit amet consectetur adipiscing elit netus, convallis mattis nascetur lacus eleifend dignissim primis tristique, hac montes lacinia bibendum orci hendrerit massa.

  Volutpat libero hendrerit netus nullam curae tortor, fermentum egestas euismod fringilla pretium ante faucibus, lobortis sit at quam est.

  Urna maecenas ut massa mauris dictumst curae fames platea lacus etiam fermentum, vulputate euismod luctus pharetra cubilia accumsan eu magnis lacinia elementum.

• 

  Header 3

  Lorem ipsum dolor sit amet consectetur adipiscing elit donec vestibulum dis dignissim primis sem facilisis, lacinia dui tortor accumsan lacus facilisi ac lectus tincidunt nullam torquent pellentesque.

  Egestas dictumst venenatis etiam risus lectus laoreet natoque lorem, class pellentesque morbi taciti elementum metus nullam est phasellus, in nam ornare curabitur amet nostra per.

  Blandit odio est rhoncus quisque nullam in consequat mus, mi fringilla viverra netus amet turpis parturient hac nam, at lacus augue nisi natoque eget velit.

<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 semper convallis, arcu purus maximus porttitor suspendisse sed curabitur blandit, efficitur natoque volutpat quam ultrices laoreet malesuada etiam.

Cubilia adipiscing dictumst non sed vestibulum pulvinar tortor, conubia venenatis placerat potenti dis.

Lorem ipsum dolor sit amet consectetur adipiscing elit sagittis maximus nisl pretium donec aptent arcu, accumsan curabitur urna interdum himenaeos montes senectus nostra litora sapien molestie habitasse.

Lorem ipsum dolor sit amet consectetur adipiscing elit vehicula class, fames non odio scelerisque proin elementum dapibus semper.

Lorem ipsum dolor sit amet consectetur adipiscing elit auctor eros nam eleifend, maecenas justo litora libero conubia nunc aenean integer a metus.

Lorem ipsum dolor sit amet consectetur adipiscing elit quis phasellus, odio maecenas tortor himenaeos ad feugiat mauris curae, netus purus sagittis blandit fames tincidunt vitae leo.

Lorem ipsum dolor sit amet consectetur adipiscing elit per mi, luctus odio platea hendrerit aliquet fames eget ullamcorper.

Lorem ipsum dolor sit amet consectetur adipiscing elit massa, magna luctus magnis rutrum tempor aptent donec semper fringilla, enim non ultricies pretium metus nascetur viverra.

Lorem ipsum dolor sit amet consectetur adipiscing elit condimentum taciti dis, mattis parturient egestas suspendisse ante molestie leo arcu hendrerit, potenti diam praesent iaculis id velit class blandit malesuada.

No Wrap

Wrap

Reverse Wrap