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, natoque magnis neque condimentum commodo aenean laoreet mauris, imperdiet sed vel nisl eros at.

• Lorem ipsum dolor sit amet consectetur adipiscing elit nunc, urna facilisi sem leo neque duis enim cubilia, potenti morbi platea lacus dictum metus per.

• Lorem ipsum dolor sit amet consectetur adipiscing elit libero velit sed, aenean pulvinar morbi semper sodales fringilla risus magna cras, sapien phasellus luctus fames dui nunc curabitur nullam rhoncus.

• Header 1

  Lorem ipsum dolor sit amet consectetur adipiscing elit venenatis maximus, class placerat dictumst in enim habitasse tortor est metus lacinia, porta cras potenti posuere gravida mollis torquent netus.

  Maecenas velit fusce dictum facilisis nec ac aptent magna lobortis bibendum, fermentum lectus netus condimentum hac platea libero sagittis venenatis.

  Pellentesque praesent class molestie mollis fames viverra ante, mattis elementum leo vulputate quam id, rutrum diam dictum cursus porta inceptos.

• Header 2

  Lorem ipsum dolor sit amet consectetur adipiscing elit malesuada, augue finibus pretium quisque aliquet placerat odio, fringilla mi justo dis donec proin ac.

  Efficitur phasellus nibh vestibulum ligula facilisis sollicitudin, tempus praesent cubilia suspendisse gravida interdum lorem, eget nunc consectetur purus platea.

  Augue penatibus vitae consequat gravida primis justo class lectus dictum elit ipsum, odio felis nibh viverra ad fusce curae sapien proin at inceptos, donec porta dis praesent dui suscipit pellentesque pharetra porttitor magnis.

• Header 3

  Lorem ipsum dolor sit amet consectetur adipiscing elit nostra sollicitudin platea eget commodo primis tempor, cras phasellus parturient augue habitasse accumsan aliquet penatibus praesent sodales felis himenaeos.

  Aenean potenti ullamcorper ac adipiscing diam mi ad sollicitudin tempor fames tincidunt, eu leo dis scelerisque ligula at ipsum imperdiet donec faucibus netus, rutrum sed nunc quam primis vestibulum hac non nostra phasellus.

  Ornare magna scelerisque justo laoreet consequat cursus ad ante, porttitor facilisis eros dolor elementum rhoncus arcu class, risus tempor sapien semper ligula condimentum conubia interdum, imperdiet placerat congue mollis magnis mus torquent.

<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 euismod montes a, dignissim leo sollicitudin eleifend torquent nascetur fringilla auctor.

Lorem class penatibus ullamcorper suscipit sem at faucibus, mi phasellus nunc posuere ultrices malesuada dolor torquent, eros aliquam nostra mauris netus enim.

Lorem ipsum dolor sit amet consectetur adipiscing elit, suspendisse vulputate facilisi platea magnis semper parturient scelerisque, pulvinar augue eros dictumst felis mattis.

Lorem ipsum dolor sit amet consectetur adipiscing elit viverra mauris senectus habitasse maecenas penatibus, proin facilisis gravida velit euismod augue auctor metus tempor porttitor odio congue aliquam, ultricies placerat a purus volutpat ad accumsan laoreet porta commodo risus curabitur.

Lorem ipsum dolor sit amet consectetur adipiscing elit fermentum, dui laoreet lobortis vehicula neque etiam posuere, lectus scelerisque convallis vulputate fames phasellus hendrerit.

Lorem ipsum dolor sit amet consectetur adipiscing elit, tristique felis condimentum convallis mollis suscipit.

Lorem ipsum dolor sit amet consectetur adipiscing elit sodales, libero iaculis varius felis class fusce posuere ad, faucibus velit urna magna erat in duis.

Lorem ipsum dolor sit amet consectetur adipiscing elit turpis lacinia, penatibus volutpat viverra aenean ullamcorper sociosqu efficitur a dis sollicitudin, nec curae hendrerit quisque semper libero magna metus.

Lorem ipsum dolor sit amet consectetur adipiscing elit facilisi, fusce augue blandit suspendisse maecenas posuere justo placerat nec, velit praesent ut efficitur litora volutpat aenean.

No Wrap

Wrap

Reverse Wrap