@@ -622,7 +626,6 @@ Copy any changes made here over to the README too. -->
Add .pull-right to your last grid column to get the hard-right alignment
Tweak your percentages manually to get the perfect rounding for Safari (more difficult than the first option)
- We'll keep an eye on this though and update our code if we have an easy solution.
Modals, navbars, and virtual keyboards
Overflow and scrolling
@@ -630,7 +633,7 @@ Copy any changes made here over to the README too. -->
Virtual keyboards
Also, note that if you're using a fixed navbar or using inputs within a modal, iOS has a rendering bug that doesn't update the position of fixed elements when the virtual keyboard is triggered. A few workarounds for this include transforming your elements to position: absolute or invoking a timer on focus to try to correct the positioning manually. This is not handled by Bootstrap, so it is up to you to decide which solution is best for your application.
Navbar Dropdowns
- The .dropdown-backdrop element isn't used on iOS in the nav because of the complexity of z-indexing. Thus, to close dropdowns in navbars, you must directly click the dropdown element (or any other element which will fire a click event in iOS).
+ The .dropdown-backdrop element isn't used on iOS in the nav because of the complexity of z-indexing. Thus, to close dropdowns in navbars, you must directly click the dropdown element (or any other element which will fire a click event in iOS).
Browser zooming
Page zooming inevitably presents rendering artifacts in some components, both in Bootstrap and the rest of the web. Depending on the issue, we may be able to fix it (search first and then open an issue if need be). However, we tend to ignore these as they often have no direct solution other than hacky workarounds.
@@ -726,11 +729,12 @@ Copy any changes made here over to the README too. -->
Bootstrap follows common web standards and—with minimal extra effort—can be used to create sites that are accessible to those using AT.
Skip navigation
- If your navigation contains many links and comes before the main content in the DOM, add a Skip to main content link immediately after your opening <body> tag. (read why)
+ If your navigation contains many links and comes before the main content in the DOM, add a Skip to main content link before the navigation (read why). Using the .sr-only class will visually hide the skip link, and the .sr-only-focusable class will ensure that the link becomes visible once focused (for sighted keyboard users).
<body>
<a href="#content" class="sr-only sr-only-focusable">Skip to main content</a>
+ ...
<div class="container" id="content">
- The main page content.
+ <!-- The main page content -->
</div>
</body>
-
@@ -935,7 +939,7 @@ Copy any changes made here over to the README too. -->
Designed and built with all the love in the world by @mdo and @fat.
Maintained by the core team with the help of our contributors.
Code licensed under MIT, documentation under CC BY 3.0.
-