Bootstrap CSSWhat the hell is it

@LaplanteWebDev

Example

Example

• <div class=“container-fluid”></div>

• Full Width of page

• <div class=“container”></div>

• Fixed width on page

EASY MODE

• Link To Bootstrap using their CDN

• <link rel="stylesheet" href=“https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

• <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

HARD MODE

• Install with your favorite package manager

• npm install bootstrap

• bower install boostrap

Example• <a class="btn btn-default" href="#"

role="button">Link</a>

• <button class="btn btn-default" type="submit">Button</button>

• <input class="btn btn-default" type="button" value="Input">

• <input class="btn btn-default" type="submit" value="Submit">

Example

• <img src="..." class="img-responsive" alt="Responsive image”>

• <img src="..." alt="..." class="img-rounded">

• <img src="..." alt="..." class="img-circle">

• <img src="..." alt="..." class="img-thumbnail">

Example

• <span class="glyphicon glyphicon-search" aria-hidden="true"></span>

Example Time

Questions

Resources

• http://getbootstrap.com/

• http://lapweb.info/1K5emHU

• https://wrapbootstrap.com/

• http://lapweb.info/1K5evel