u-Bootstrap is a special Bootstrap build. It strips out all the javascript, content styles, components. And only provides the following:
- Bootstrap grid system classes without any additional prefixes;
- All Bootstrap utility classed, prefixed with
u-string.
- Download the latest release archive from the Releases page. Chose a file with a
-distsuffix. - Unpack it and place in your project folder where appropriate.
- Link to
bootstrap-grid.min.cssandu-bootstrap.min.cssfiles in html.
<html>
<head>
...
<link rel="stylesheet" href="vendor/u-bootstrap/css/bootstrap-grid.css">
<link rel="stylesheet" href="vendor/u-bootstrap/css/u-bootstrap.css">
...
</head>
<body>
<div class="container">
<div class="row">
<div class="col-12 co-sm-6 u-mb-5">
<p class="u-text-center">
This is an u-Bootstrap markup example.
<p>
</div>
<div class="col-12 co-sm-6">
<div class="u-d-flex u-flex-column u-align-content-center">
<div>Item 1</div>
<div>Item 2</div>
</div>
</div>
</div>
</div>
</body>
</html>