ICAT Logistics Bootstrap 4 Shortcodes Demo 4.6.4

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, litora at nibh commodo odio iaculis sed, curae posuere consequat enim inceptos nostra.

• Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque cras magnis vestibulum lobortis porttitor eu himenaeos, dictum vehicula sapien laoreet felis cursus rhoncus cubilia velit turpis rutrum congue faucibus tempus.

• Lorem ipsum dolor sit amet consectetur adipiscing, elit fusce nullam facilisis at est, placerat suscipit consequat habitant iaculis.

• Header 1

  Lorem ipsum dolor sit amet consectetur adipiscing elit vitae justo, dapibus neque sagittis aptent aliquet maximus fames.

  Est phasellus velit finibus libero turpis ultricies consectetur sem enim, eleifend metus scelerisque nulla condimentum integer vel facilisis litora, pharetra mauris gravida tortor a sociosqu erat pulvinar.

  Donec hendrerit aenean fusce consectetur neque venenatis lacus curabitur vehicula, mus non sollicitudin curae viverra sapien consequat suscipit, pellentesque blandit rutrum diam duis velit egestas cursus.

• Header 2

  Lorem ipsum dolor sit amet consectetur adipiscing elit magna vulputate curae, quam cursus netus sollicitudin nec est ac montes pretium interdum, sociosqu ex vitae elementum tristique cubilia ultricies eu risus.

  Posuere fermentum at per cras nisl auctor sed, nunc elit luctus fringilla mattis ridiculus potenti scelerisque, quisque habitasse ad hac mollis dictum.

  Iaculis nibh potenti fringilla efficitur neque parturient class, condimentum arcu lacinia vel at ad conubia facilisis, sapien interdum rutrum torquent odio accumsan.

• Header 3

  Lorem ipsum dolor sit amet consectetur adipiscing elit sagittis sollicitudin dignissim, felis mattis pharetra nibh quis cubilia habitant vitae lectus purus nulla, finibus nisi et feugiat congue leo vulputate ante habitasse.

  Eleifend bibendum elementum ipsum ultrices ante ornare nostra, velit viverra sapien malesuada sollicitudin fermentum montes, finibus dolor vivamus aliquet faucibus nullam nisi, vel sit mus sem curabitur ad.

  Facilisis curabitur fermentum cursus fusce consectetur, luctus eget ut erat.

<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, natoque in elementum eu facilisis porta rutrum, vel aliquam tortor mollis platea urna.

Elementum facilisis tempus taciti varius imperdiet vestibulum odio justo, urna semper tellus enim suspendisse nulla conubia penatibus, sem diam sed suscipit vulputate parturient elit.

Lorem ipsum dolor sit amet consectetur adipiscing elit mattis fringilla, sed placerat dapibus laoreet odio cubilia montes potenti gravida phasellus, senectus pharetra congue semper commodo id efficitur sodales.

Lorem ipsum dolor sit amet consectetur adipiscing, elit scelerisque ornare efficitur mattis ante, eget semper donec pulvinar aliquam.

Lorem ipsum dolor sit amet consectetur adipiscing elit bibendum ac potenti, curae leo nisi interdum et montes mi magnis.

Lorem ipsum dolor sit amet consectetur adipiscing elit turpis magna phasellus, quam taciti integer sem mus varius fringilla efficitur ac, nostra diam feugiat pharetra rutrum conubia habitant class dapibus.

Lorem ipsum dolor sit amet consectetur adipiscing elit feugiat nostra venenatis, sollicitudin nibh pellentesque at integer mi ante rutrum mollis aliquet, bibendum dapibus egestas enim lacus eleifend turpis libero eget.

Lorem ipsum dolor sit amet consectetur adipiscing elit turpis rhoncus etiam, eleifend quisque potenti platea primis sollicitudin semper justo libero volutpat interdum, dis nisl orci quis himenaeos scelerisque urna ad purus.

Lorem ipsum dolor sit amet consectetur adipiscing elit penatibus dis eget, hendrerit at ex ornare cubilia tincidunt hac natoque est platea, nulla libero sapien finibus dictumst dui duis lobortis tempus.

No Wrap

Wrap

Reverse Wrap