Mobile-first Bootstrap 4 UI Kit – Shards

Author
In Articles, Web Design Nov 11, 2017
Mobile-first Bootstrap 4 UI Kit – Shards

Shards is a free, responsive UI toolkit which helps you create trendy, mobile-friendly net apps utilizing Bootstrap four framework. Sketch and SCSS information are included.

Parts and elements included:

  • Elegant colours.
  • Typography.
  • Materials and FontAwesome icon packs.
  • Type Controls.
  • Sliders.
  • Datepickers.
  • Card structure.
  • Buttons.
  • Progress Bars.
  • Modals.
  • Badges.
  • Alerts.
  • Tooltips & Popovers.
  • Navbars.

Fundamental utilization:

Embody the ‘shards.min.css’ to your Bootstrap four net web page and also you’re able to go.

<!-- CSS Dependencies --> <hyperlink rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/four.Zero.Zero-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="nameless"> <hyperlink rel="stylesheet" href="css/shards.min.css"> <!-- Non-obligatory JavaScript --> <!-- JavaScript Dependencies: jQuery, Popper.js, Bootstrap JS, Shards JS --> <script src="https://code.jquery.com/jquery-Three.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="nameless"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.Zero/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/four+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="nameless"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/four.Zero.Zero-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="nameless"></script> <script src="js/shards.js"></script>

Learn the full doc for extra data.

 

The publish Cellular-first Bootstrap four UI Equipment – Shards appeared first on CSS Script.

Supply hyperlink

Leave a Reply

Your email address will not be published. Required fields are marked *