Tool Bar
Webriq logo
Notifications

Getting Started

Learn how to easily start using Bootstrap Materialize in your website.

JADE & HTML Setup

Use the files in the "dist" folder


doctype html
head
  // Import webriq-bootstrap-material-ui.min.css
  link(type='text/css', rel='stylesheet', href='css/webriq-bootstrap-material-ui.min.css', media='screen,projection')

  // Let browser know website is optimized for mobile
  meta(name='viewport', content='width=device-width, initial-scale=1.0')

// Import jQuery before webriq-bootstrap-material-ui.min.js
script(type='text/javascript', src='https://code.jquery.com/jquery-2.1.4.min.js')
script(type='text/javascript', src='js/webriq-bootstrap-material-ui.min.js')

    

<!DOCTYPE html>
<html>
<head>
<!--Import webriq-bootstrap-material-ui.min.css-->
<link type="text/css" rel="stylesheet" href="css/webriq-bootstrap-material-ui.min.css"  media="screen,projection"/>

<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
<!--Import jQuery before webriq-bootstrap-material-ui.min.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/webriq-bootstrap-material-ui.min.js"></script>
</body>
</html>