Bootstrap CDN

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>


break points

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14

// Extra small devices (portrait phones, less than 576px) // No media query since this is the default in Bootstrap   // Small devices (landscape phones, 576px and up) @media (min-width: 576px) { ... }   // Medium devices (tablets, 768px and up) @media (min-width: 768px) { ... }   // Large devices (desktops, 992px and up) @media (min-width: 992px) { ... }   // Extra large devices (large desktops, 1200px and up) @media (min-width: 1200px) { ... }