diff --git a/css.html b/css.html index 190f8f2377..cf3e423b49 100644 --- a/css.html +++ b/css.html @@ -84,7 +84,7 @@ base_url: "../"

Bootstrap includes a responsive, mobile-first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes predefined classes for easy layout options, as well as powerful mixins for generating more semantic layouts.

Media queries

-

We use the following media queries to create our the key breakpoints in our grid system.

+

We use the following media queries to create the key breakpoints in our grid system.

{% highlight css %} /* Extra small devices (phones, up to 480px) */ /* No media query since this is the default in Bootstrap */ @@ -98,7 +98,7 @@ base_url: "../" /* Large devices (large desktops, 1200px and up) */ @media (min-width: @screen-large-desktop) { ... } {% endhighlight %} -

We ocassionally expand on these media queries to include a max-width to limit CSS to a narrower set of devices.

+

We occasionally expand on these media queries to include a max-width to limit CSS to a narrower set of devices.

{% highlight css %} @media (max-width: @screen-phone-max) { ... } @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { ... }