Requirements

Folder structure

css
  -- metro-bootstrap.css (required)
  -- metro-bootstrap-responsive.css
  -- iconFont.css
fonts
  -- iconFont.*
  -- metroSysIcons.* (required)
js
  -- jquery.min.js (required)
  -- jquery.widget.min.js (required)
  -- jquery.mousewheel.js (required for mouse wheel support)
  -- metro.min.js (required)

index.html

Doctype

Metro UI CSS makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects.

<!DOCTYPE html>
<html lang="en">
...
</html>

Javascript

All javascript plugins required jQuery 2.0 or above and jQuery UI widget factory 1.9 or above.

Namespace

Metro UI CSS used self namespace .metro. You must add class .metro to main container.

<body class="metro">...</body>