v3.2.0 ship list

[mdo]

Do not comment on this issue.

Responsive embeds

• Add Embed responsive utility #12042
• Ported from SUIT CSS

New responsive utility classes

• replace .visible-{size} with .visible-{size}-{display} #12204
• Block, inline-block, and inline options

Copy docs snippets

• Add ZeroClipboard to docs #12690
• Uses ZeroClipboard to provide a Flash-based copy button on all examples to quickly copy snippets of code.

CSS

• svg distorting when using .img-responsive in IE 10 #10073: Add width: 100% \9; to .img-responsive to prevent IE10 and below from distorting<svg> elements.
• Make both .scale(X) and .scale(X, Y) both work #12459: Refactor scale mixins to ensure both .scale(x) and .scale(x, y) work.
• Added .list-group-item.disabled #12490: Add support for disabled list items in list groups.
• Rule for .collapse.in conflicts with <tr> elements #12593: Add support to Collapse plugin for trs and tbodys.
• .dropdown menu getting clipped by .panel-body #12683: Remove the overflow: hidden; from .panel-group > .panel because it apparently serves no purpose and cuts off nested dropdown menus.
• Input type date in IE 9 pushes text out of viewable area #12669: Properly reset line-height on all date inputs to ensure Mobile Safari and IE8+ display them correctly.
• .table-responsive table gets cut on print #12722: Scope .table-responsive styles to screen devices only so they're not cut off when printing from Chrome (Safari is fine, unknown for IE and FF).
• Can't scroll to last collapsed navbar item on mobile when there are many items #12738: Revamps navbar collapse functionality. Instead of setting a max-height on all .navbar-collapse elements, we only apply it to fixed top and bottom navbars. Also adds a shorter max-height for landscape views to ensure scrolling still works.
• add posibillity to hover links and not background in list-groups #12739: Add @list-group-link-hover-color variable to customize the text color when hovering on linked list items.
• Make .table-responsive usable as mixin #12742: Make .table-responsive more mixin-friendly.
• Defined and use variables for .panel-heading & .panel-footer padding #12745: Add @panel-heading-padding and @panel-footer-padding variables for panels.
• .dl-horizontal with empty <dd> is not working #12753, Fix .clearfix on .dl-horizontal dd (#12753) #12756: Ensure the .clearfix is applied on .dl-horizontal dd by moving it out of the media query (Less doesn't respect :extend() within media queries).
• Form-inline doesn't handle input-groups correctly #12759: Make input groups in inline forms use display: table-cell so they are sized properly and appear on the same line as intended.
• Fix UAs required message position on grouped radio buttons #12794: Fix placement of browser-based form validation popovers for required attribute. Applies to Firefox and Chrome.
• .form-horizontal .form-control-static padding-bottom #12801: Add padding to the bottom of .form-control-static to match height of standard form controls.
• Removed unnecessary top margin from .modal-footer #12803: Removed unnecessary top margin from .modal-footer. All spacing is addressed by padding on the .modal-body, and the .modal-header never had any margin on it.
• .btn-link in .navbar-inverse is not white #12694, Correctly set .btn-link colors in a .navbar and .navbar-inverse #12694 #12813: Correctly reset .btn-link colors in a navbars.
• 7e551ec: Update padding on modals to be 15px all around. Previously was 15px in the header and 20px everywhere else.
• Nested panel-body border-top-color is overridden by root panel value #12822: Scope panel collapse styles to immediate .panel-bodys only.
• <code> have overflow on x-axis on small resolution #12824: Remove white-space: nowrap from <code> elements in favor of default pre-wrap value for better rendering on narrow viewports.
• labels in .horizontal-form at small widths closer to the inputs below #12843: Scope label styles for horizontal forms to a media query so their narrow viewport display looks just like a normal form.
• Progress bar should handle the 0% case #12848: Improve progress bars to better handle low to zero percentage values.
• col-*-push-0 col-*-pull-0 #12854, Fix for issue #12854 on push and pull resets #12863: Properly reset left values to auto instead of 0 in .col-*-push-0 and .col-*-pull-0 grid reset classes.
• Added the very useful .animation-fill-mode() mixin #12855: Add .animation-fill-mode() mixin.
• When using input-lg with inputs with a glyphicon, the icon is not vertically centered. #12868: Vertically center form feedback icons for large and small inputs. Also reorders our bootstrap.less file to place glyphicons.less closer to the top of our imports to avoid specificity issues.
• Popover Title Border Radius #12934, Fixes #12934 #12952: Base rounded corners on popover titles on the @border-radius-large variable.
• Radio buttons could use some more contrast #12937: Darken active button background colors just a bit.
• Improve badges mixinability #12969: Improve badge mixinability with better nesting.
• add .sr-only-focusable #12679: Add .sr-only-focusable class to provide a focus state for skip nav links.
• Mixin table of contents #12993: Add a table of contents to mixins.less and reorganize things.
• Modular the mixins #12998: Modularized the mixins into separate files. We now have a mixins directory in our less folder that @imports all the mixins into mixins.less (for backward compatibility).
• Gap between checkbox/radio and it's label where clicking doesn't work #13003: Move padding on .radios and .checkboxs to their immediate <label>s to avoid the no-click deadzone caused by negative margin.
• Support for hovering on cell's with some state #13013: Ensure table cells with contextual states preserve their styles when used within a hover table.
• Split button dropups' menu text is right aligned in modal footer #13037: Add text-align: left; to .dropdown-menu to avoid inheritance from any parent that might reset that property (e.g., our .modal-footer).
• fix issue #13059 #13066: Add z-index to the form control feedback icons so input groups don't render on top of them.
• tie selector to first parent only #13079: Scope .open button state in .button-variant() mixin to immediate children.
• Button has wrong background on loading while focussed (BS theme) #13093: Reset the background-color and background-image on disabled theme buttons.
• Fix vertical alignment for datetime-local inputs on iOS #13099: Fix vertical alignment for all time-based inputs on iOS.
• IE8 - Long <label>s overflow container (words do not wrap) #13141: Add a max-width: 100%; to <label> elements so IE8 wraps text properly.
• Update normalize.css to v3.0.1 #13194: Update Normalize to v3.0.1.
• Popover Displays Behind Modal (3.1.1) #13216, fixes #13216 #13217: Increase z-index values on tooltips and popovers to always be in front of modals.
• Fix carousel-control margin asymmetry #13242: Fix horizontal alignment of carousel controls by using appropriate margin for each side.
• Fix form-control-feedback position when label has sr-only class #13320: Fix .form-control-feedback position when labels have the .sr-only class applied. This makes it super easy to use optional feedback icons with no visible label.
• Add nested kbd element styles for actual keys or inputs #13351: Add support for nested kbd elements.
• Dropdown menu in justified button-group #13369: Fix dropdown menu alignment in justified button groups in Firefox.
• margin-bottom of a table isn't set to 0 when table is used inside a collapse component #13375: Remove bottom margin on tables within collapsible panels.
• Increase .lead font-weight for better readability on mobile #13449: Increase .lead font-weight for better readability on mobile.
• Fixes #13478, reverts #10941 #13542: Fixes Make fonts always relative to project.less is not good idea #13478 by reverting Fix: @font-face path if importing bootstrap.less from another directory. #10941. This undoes the hardcoded some URL escaping around our icon paths as a way to fix broken assets when Bootstrap was included via Bower. Instead, folks implementing Bootstrap via Bower should use the relative URLs feature of Less.
• checkbox and radio spacing problem #13548: Use position: absolute; and an IE8-9 hack to fix checkbox and radio line-height problems (and the vertical alignment) that were introduced after Gap between checkbox/radio and it's label where clicking doesn't work #13003.
• IE8 button group support #13549: Use .opacity() mixin on button group inputs for IE8 support.
• Modal is shifting left just before the hiding animation #13609: Update modal CSS to prevent shifting before animation.
• Improve container #13616: Add custom grid gutter support to .container-fixed(). .make-row and .make-*-col mixins already had this ability, so this simply completes the package.
• Repaint Fixes When Scrolling #13649: Add translate3d in a few instances to reduce repainting when scrolling.
• update explanatory comment about iOS date/time inputs bug #13651: Update explanatory comment about iOS date/time inputs bug.
• Table-responsive: changed overflow-x to auto to hide scrollbar when it's not overflown, fixes #13669. #13670: Use overflow-x: auto; in responsive tables to hide the scrollbar when it's not needed.
• text transformation added #13671: Add text-transform utility classes.
• Color Contrast for panel heading #13687: Colorize badges in panel headings.
• Double border in panel when list followed by panel footer #13689: Fix double border in panel when a list group is followed by panel footer.
• Fix bug where a panel recieve extra top border when placed within a collapsible panel #13735: Fix bug where a panel recieve extra top border when placed within a collapsible panel.
• IE11 font size rendering rem/em calculation bug #13737: Reset the html font-size using pixels instead of percentages.
• set not-allowed cursor on disabled radio+checkbox labels #13745: Add optional .disabled class to set not-allowed cursor on disabled radio and checkbox labels.
• removing unnecessary max-width on tables #13707: Remove unnecessary max-width: 100%; on <table>s and place it on .tables.
• Add white-space: nowrap; to .dropdown-header #13851: Add white-space: nowrap; to .dropdown-header to match dropdown links.
• Darken @gray-light to meet accessibility guidelines #13854: Darken @gray-light and .lead to meet accessibility guidelines.
• Add .form-group-sm/-lg #13856: Add .form-group-sm and .form-group-lg.
• List group headings and small/.small #13857: Properly color <small>/.small` within active list group headings.
• Change skew(x,y) to skewX skewY #13859: Update the .skew() mixin to use skewX(...) skewY(...) instead of old and deprecated skew(x,y) syntax.
• Add a variable for .dl-horizontal's offset #13860: Add a new variable for .dl-horizontal's offset.
• Make striped progress bars its own class #13861: Refactor striped and animated striped progress bars to deprecate the required parent class and add new modifier classes.
• Alignment of input value and .form-control-static for several columns in a row #13872: Always apply padding to .form-control-static for proper vertical alignment.
• Block buttons with text on one side and icon on the other #13903: Restore side padding on .btn-block.

JavaScript

• Affix position doesn't reset when scrolling back up #9342, fix #9342 #12982: Properly reset affix position when scrolling back to top.
• Make carousel ignore non-items in carousel-inner #9461, fixes #9461 - Make carousel ignore non-items in carousel-inner #13173: Make carousel ignore content that's not an .item.
• Collapse animation jumps if an input field holds the focus #9836, fixes #9836 #12983: Prevent collapse animation from jumping when an input holds focus.
• $.collapse() overrides the original dimension of the collapsed element when uncollapsing #11099: Prevent $.collapse() from overriding original dimensions of the collapsed element when uncollapsing.
• When opening the dropdown, focus() the toggle BEFORE triggering 'shown' event #11281: When opening a dropdown, focus the toggle before (instead of after) triggering the shown event.
• fix scrollspy for targets within tabs #11453: Fix scrollspy for targets within tabs.
• noConflict() still not working in 3.0.x #11464: Improve the JavaScript noConflict() mode not working in 3.0.x.
• Fix: IE10 or lower incorrectly determines the scrollheight of the body. ... #11937: Correctly determine scrollheight of <body> in IE10 and lower.
• move call for removeBackdrop() to backdrop() #11958: Move Modal removeBackdrop() call from hideModal() into backdrop().
• Fix #11464 - JS noConflict() mode not working in 3.0.x #11966: Fix .noConflict() mode.
• Add tooltip viewport option, respect bounds of the viewport #12328: Add tooltip viewport option, respect bounds of the viewport.
• scrollspy: correct event naming of scroll and `load' event #12337: Correct some internal event names in scrollspy plugin.
• Fix #12375: stop using document.body.scrollTop #12377: Stop using document.body.scrollTop, because it's deprecated.
• Carousel: indicators - enable possibility to swap .active class #12592: Change carousel indicators behavior to immediately move active classes from one indicator to the next.
• Remove event aliases from JavaScript #12761: Remove .focus() event aliases from modal and dropdown plugins.
• Fix #12845 - Modal#hide should only be called with an event argument #12850: Stop passing argument of incorrect type to Modal.hide()
• Fixed flickering and simplified calculations #12862: Improve flickering and simplify calculations in affix plugin.
• use quotes around all element attribute values in JS #12948: Use quotes around all element attribute values in selectors.
• add role="tooltip" to tooltips by default to improve accessibility #13060, Adding role="tooltip" to popovers as well #13481: Add role="tooltip" to tooltips & popovers by default to improve accessibility.
• Modify scrollbar check, stop static nav shift #13103: Stop modals from shifting <body> content to the left.
• Collapse plugin - issues with transition end event bubbling  #13157, fixes #13157 - Collapse plugin - issues with transition end event bubbli... #13176: Fix issues with transition end event bubbling in the collapse plugin.
• Fix popover when using append #13165: Fix popover when using append.
• Scrollspy generates wrong offsets for a page-- recalculate offsets if scrollheight changes. #13220: Correct scrollspy offsets when scrollheight changes.
• Dropdown disappears with right-click on Firefox #13296: Don't let dropdown menus disappear with right-click in Firefox.
• fixes #11099 - $.collapse() overrides the original dimension of the coll... #13306: Don't override the original height/width of a collapsed element when uncollapsing it.
• Wait for the expected target during a collapse #13330: Wait for the transition of the expected target to complete during a collapse.
• Configure affix target element #13342: Add a target option to the Affix plugin.
• fixes #13296 Dropdown disappears with right-click on Firefox #13354: Right clicks no longer close dropdown menus.
• Carousel event properties #13396: Add direction & relatedTarget properties to slid.bs.carousel event.
• fires closed.bs.alert *after* DOM detach() as per #12379 #13406: Fire closed.bs.alert event after (instead of before) alert has been detached from the DOM.
• Allow for resetText of a button to be a falsey value; fixes #13466 #13511: Fix button plugin to allow empty string as reset state.
• Fixed affix-bottom positioning #13541: Improve affix plugin's affix-bottom positioning.
• Aria describedby tooltip 13480 #13557: Add aria-describedby attribute to tooltips and popovers to improve accessibility
• Adjust for Scrollspy offset when calculating maxScroll. #13589: Adjust for Scrollspy offset when calculating maxScroll.
• Add tooltip self-reference to address #12320 #13593: Add reference to triggering element to tooltip/popover element's data.
• add missing event namespacing in modal.js #13615: Add missing event namespacing in modal.js.
• Hopefully fixes trigger focus restoration on modal close #13627: Fix restoration of focus to the triggering element upon dismissal of a modal.
• Minor Updates to Scrollspy.js #13702: Minor scrollspy refactoring.
• Proposed fix for #13268 #13752: Avoid error when trying to show an auto-placed tooltip that gets removed from the DOM.
• AMD/CommonJS/Globals #12909 #13772: Added support for AMD/CommonJS/Globals.
• fix #13185 - keyboard support for carousel #13787: Add left and right keyboard support to the carousel.

Docs

• ScrollSpy not acurate unless element has position: relative #12487: Document required use of position: relative; for Scrollspy plugin.
• Mention input[readonly] in the form docs? #12697: Document support for input[readonly].
• Mention how to avoid modal's animation by omitting .fade #12744: Document ability to remove animation on modals.
• IT - Italian Translator available. #12790: Add link to unofficial Italian translation (http://hackerstribe.com/guide/IT-bootstrap-3.1.1/).
• Wrong documentation info: column width #12808: Correct grid column values listed in Grid Options.
• add .container-fluid to Containers section of docs #12810: Document .container-fluid in the CSS overview docs.
• Remove second tbody from Supported browsers #12818: Small table tweak to browser support table.
• Add sitemap.xml and robots.txt files. #12866: Add sitemap.xml and robots.txt files.
• Missing examples for some tags in typography docs #12748, Fixes #12748 #12956: Document missing examples for common inline typography tags.
• Document popover focus #12688: Document ability to dismiss popover via focus and next click.
• add role="alert" to Alert examples, to improve accessibility #13024: Add role="alert" to alert examples to improve accessibility.
• Expand theme and RTL examples #13026: Document more Bootstrap components in the Theme and RTL examples.
• Generate Translations list from YAML #13095: Generate translations list from YAML _data file.
• Fix #13138: use underscore prefix to ignore directories #13167: Use underscore prefix to ignore certain directories.
• document template option of tooltip & popover #13184: Document the template option of tooltip & popover plugins.
• doc that popover content() is given the element as an arg #13190: Document that a function for Popover's content parameter is called with the element as an argument.
• doc how to change the collapsed mobile navbar breakpoint #13222: Explicitly document how to change the mobile navbar breakpoint.
• Add specificity note to .bg-* docs too #13332: Document specificity collisions of well backgrounds and contextual background classes.
• Migration guide misses change with progress-* #13337: Mention removal of .progress-* contextual classes in the migration guide.
• Document (in Glyphicons section) default assumption about icon font's location #13340: Document default assumption about icon font's location (and how to change it).
• Document that you shouldn't show() tooltips+popovers on hidden elements #13362: Document that you shouldn't show() tooltips and popovers on hidden elements.
• Update Less Mixin section for Gradients #13367: Update gradient mixin docs to use percentage values instead of decimals for color stops.
• Carousel event properties #13396: Document direction & relatedTarget properties of Carousel events.
• document that non-:visible scrollspy targets are ignored #13397: Document that invisible (non-jQuery-:visible) scrollspy targets are ignored.
• Warn about IE emulation modes in docs+examples #13422: Warn about browsing the docs in IE when using an emulation mode to simulate older IE versions; these emulation modes can behave significantly differently than actual older IE versions.
• document grid column wrapping behavior; fixes #13247 #13434: Explicitly document grid column wrapping behavior better.
• add button to toggle the optional theme when viewing the docs #13463: Add optional theme preview toggle to the docs sidebar on certain pages.
• Improve accessibility of close buttons in modals & alerts #13493: Improve accessibility of .close buttons in docs examples.
• Officially support Android Firefox #13495: Mark Android Firefox (Fennec) as an officially supported OS+browser combination.
• add missing role="menu" attrs to .dropdown-menu elements in docs+examples #13700: Add missing role="menu" attrs to .dropdown-menus.
• Simpler and updated docs copy for icon font file paths #13768: Simpler and updated docs copy for icon font file paths given escaped path reversion.

Customizer

• Put the URL with the Custom Build ID in the generated source files #9951, Save gist ID in config.json in customizer #12865, Add Gist & Customizer URLs to customized files & config.json #13205: Add Gist and Customizer URLs to customized files and config.json.
• Customizer: Alert on successful save to Gist #10632: Show an alert with links when customizer config is successfully saved as Gist
• Customizer: Show a warning when IE <=9 or Safari is used #12617, Fix #12617: throw Blob() support errors #12666: Show proper browser support errors for the Customizer.
• Use @ssorallen's blob support test in customizer #12773: Add feature detection to block Safari, since it doesn't fully support the necessary Blob API.
• Update less.js to v1.6.3. #12719, Update Less.js #12875: Update to Less 1.7.x.
• Request: add input in getbootstrap.com/customize to modify the default glyphicon fonts path #12966: Ensure icon font vars are loaded into Customizer.
• Add Gist & Customizer URLs to customized files & config.json #13205: Include Gist & preloaded Customizer URLs in generated files & config.json
• Make variable deprecation notices visible in customizer #13373: Make variable deprecation notices visible in the Customizer.
• Customizer: switch to UglifyJS2 #13151: Update the Customizer to use to UglifyJS 2.
• take down the v2.3.2 Customizer; closes #13456 #13472: Disabled the v2.x customizer.
• Customizer: make utilities.less inclusion mandatory #13543: Customizer: make utilities.less inclusion mandatory
• show proper error message when viewing Customizer in IE8 #13626: Show proper error message when viewing the Customizer in IE8

Example

• sidebar active hover #12735: Fix sidebar hover state in Dashboard example.
• Removed margin-bottom from last p of .blog-footer #12894: Remove margin-bottom from last <p> of .blog-footer in the Blog example.
• Fix for stray 1px line under top navigation in Dashboard example #12897: Remove border-bottom from navbar in Dashboard example for easier customization of navbar content.
• add IE10 viewport bug workaround to examples #13390: Add IE10 viewport bug workaround to examples.

Build system

• Autoprefixer (fixes #12452) #12670: Drop use of vendor prefix mixins and use autoprefixer as part of our Gruntfile. Mixins are still available and supported.
• Fix #12603: add build-raw-files log #12672: Add logging to build-raw-files Grunt task.
• Improve grunt/.jshintrc #12760: Misc Grunt improvements.
• updated qunit test reporting so sauce labs can report failing tests #12798: Updated QUnit test reporting so Sauce Labs can report exact failing tests.
• switch to grunt-css-flip for RTL CSS generation #12949: Switch to grunt-css-flip Grunt plugin for RTL CSS generation.
• Remove bootstrap keyword #12829: package.json cleanup.
• switch browserName from "googlechrome" to "chrome" #12834: Update Sauce Labs config to use new name for Chrome browser for tests.
• Switch to JSCS #12853: Switch to JSCS to prepare for removal of style changes coming in JSHint 3.
• Add docs.css in the CSSComb task. #12861: Add docs.css to the CSSComb task.
• Don't ignore every dot file in Bower #12989: Don't ignore every dot file in Bower installs, only the ones in the root directory.
• Add Bower package description #13064: Add description field to bower.json
• bower.json: ignore test-infra? #13065: Exclude /test-infra/ from Bower installs.
• Added bower reference to main less file #13328: Include a reference to bootstrap.less in Bower for easier installs.
• Switch to kramdown #13587: Switch to Kramdown for Jekyll.
• Added replace directive for composer #13740: Add replace entry to composer.json.
• Switch to uber/npm-shrinkwrap for npm-shrinkwrap.json generation #13877: Switch to uber/npm-shrinkwrap for npm-shrinkwrap.json generation

Browser bugs

With today's release, we've begun tracking unresolved browser bugs that currently impact Bootstrap's development in some way. We call it the Wall of browser bugs.

We've also documented a few new bugs with this release:

• .img-responsive class breaks table with fixed widths in FF #10690: Reported a bug in Firefox for responsive images (those with max-width: 100%) in table cells. No other browsers are affected. See https://bugzilla.mozilla.org/show_bug.cgi?id=975632. Until a fix is shipped, add width: 100%; to your responsive images in table cells.
• input[type=date] in .form-group has resizing oddity on very small viewports #12548: Reported a bug in Chrome where date inputs stop resizing when appearing with display: table-cell;. See https://code.google.com/p/chromium/issues/detail?id=346051.
• anchor-based justified button groups missing inter-button borders in IE8 #12476: Document IE8's limitation of borders on buttons in a justified button group. Currently the only way to get borders on those buttons is to wrap each button in an additional .btn-group, just like the button groups using <button> elements.