diff --git a/examples/offcanvas/offcanvas.css b/examples/offcanvas/offcanvas.css
index fa3c7fbeed..47f5fa6335 100644
--- a/examples/offcanvas/offcanvas.css
+++ b/examples/offcanvas/offcanvas.css
@@ -2,6 +2,9 @@
* Style tweaks
* --------------------------------------------------
*/
+html {
+ overflow-x: hidden;
+}
body {
padding-top: 70px;
}
@@ -13,7 +16,7 @@ footer {
* Off Canvas
* --------------------------------------------------
*/
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 767px) {
.row-offcanvas {
position: relative;
-webkit-transition: all 0.25s ease-out;
diff --git a/getting-started.html b/getting-started.html
index a4b9eff369..91648b5037 100644
--- a/getting-started.html
+++ b/getting-started.html
@@ -96,8 +96,7 @@ bootstrap/
- Start with this basic HTML template, or modify these examples.
- We hope you'll customize our templates and examples, adapting them to suit your needs.
+ Start with this basic HTML template, or modify these examples. We hope you'll customize our templates and examples, adapting them to suit your needs.
Copy the HTML below to begin working with a minimal Bootstrap document.
{% highlight html %}
@@ -270,7 +269,7 @@ bootstrap/
Disabling responsiveness
Bootstrap automatically adapts your pages for various screen sizes.
- Here's how to disable this feature so your page works like in this non-responsive example.
+ Here's how to disable this feature so your page works like in this non-responsive example.
Steps to disable page responsiveness
@@ -280,7 +279,7 @@ bootstrap/
- For grid layouts, use
.col-xs-* classes in addition to, or in place of, the medium/large ones. Don't worry, the extra-small device grid scales to all resolutions.
You'll still need Respond.js for IE8 (since our media queries are still there and need to be processed).
- This disables the "mobile site" aspects of Bootstrap.
+ This disables the "mobile site" aspects of Bootstrap.
Bootstrap template with responsiveness disabled
We've applied these steps to an example. Read its source code to see the specific changes implemented.
@@ -297,11 +296,10 @@ bootstrap/
- Bootstrap 3 is not backwards compatible with v2.x. Folks looking to upgrade to v3 should use this section as a general upgrade guide. We've outlined some of the major changes and provided tables that highlight key changes. For an overview, read the announcement blog post.
-
+ Bootstrap 3 is not backwards compatible with v2.x. Use this section as a general guide to upgrading from v2.x to v3.0. For a broader overview, see what's new in the v3.0 release announcement.
Major class changes
- Reference table for classes that have changed between v2.x and v3.0.
+ This table shows the style changes between v2.x and v3.0.
@@ -453,7 +451,7 @@ bootstrap/
What's new
- We've added a few new elements and changed some existing ones. Here's their new or updated classes.
+ We've added new elements and changed some existing ones. Here are the new or updated styles.
@@ -569,7 +567,7 @@ bootstrap/
What's removed
- The following elements have been dropped or changed in v3.
+ The following elements have been dropped or changed in v3.0.
@@ -631,19 +629,19 @@ bootstrap/
Additional notes
- We've made many underlying changes in v3 that are not immediately apparent. Base classes, key styles, and behaviors have been adjusted for flexibility and our mobile first approach.
+ Other changes in v3.0 are not immediately apparent. Base classes, key styles, and behaviors have been adjusted for flexibility and our mobile first approach. Here's a partial list:
- Text-based form controls are now 100% wide. Wrap inputs inside
<div class="col-*"></div> to control input widths.
.badge no longer has contextual (-success,-primary,etc..) classes..btn must also use .btn-default to get the "default" button..container and .row are now fluid (percentage-based).- Images are no longer responsive by default. Use
.img-responsive for fluid <img> size.
- - The icons, now
.glyphicon, are now font based. They also require a base and icon class (e.g. .glyphicon .glyphicon-asterisk).
+ - The icons, now
.glyphicon, are now font based. Icons also require a base and icon class (e.g. .glyphicon .glyphicon-asterisk).
- Typeahead has been dropped, in favor of using Twitter Typeahead.
- - Modal markup has changed significantly. The
.modal-header, .modal-body, and .modal-footer sections now get wrapped in .modal-content and .modal-dialog for improved mobile styling and behavior.
+ - Modal markup has changed significantly. The
.modal-header, .modal-body, and .modal-footer sections are now wrapped in .modal-content and .modal-dialog for better mobile styling and behavior.
- JavaScript events are namespaced. For example, to handle the modal "show" event, use
'show.bs.modal'. For tabs "shown" use 'shown.bs.tab', etc..
- For more information on upgrades and code snippets from the community check out Bootply.
+ For more information on upgrading to v3.0, and code snippets from the community, see Bootply.