Bootstrap 4.0.0 正式版現(xiàn)已發(fā)布，更新內(nèi)容方面，相對(duì)于之前的測(cè)試版，正式版沒有重大的改變，但做出了一些關(guān)鍵的改進(jìn)，并解決了一些棘手的錯(cuò)誤，以及帶來(lái)新的示例和新的主題！

新的示例

幾乎每個(gè)示例都經(jīng)過穩(wěn)定的 v4 版本的重大修改，其中刪除了一些過時(shí)的示例，添加了一些新的示例，并且徹底改變了其他一些示例。

當(dāng)然，穩(wěn)定版中依然有一些已知的問題尚未修復(fù)，預(yù)計(jì)在下一個(gè)小版本更新時(shí)會(huì)修復(fù)，如 Input groups, validation, 和 rounded corners。

主題方面，Bootstrap 的主題今年將得到重大更新，官方表示將會(huì)推出十個(gè)全新的主題。當(dāng)前的目標(biāo)是第一季度推出的主題都建立在 Bootstrap 4 上（都沒有 v3 版本的）。

Bootstrap 4 的示例和遷移說明。

最新版下載地址：Bootstrap 4

Highlights

Brand new examples and overhauls for existing ones.
Additional border utilities have been added and the default border-color for them darkened from $gray-200 to $gray-300.
Pagination focus styles now match button and input focus state.
Added responsive .order-0 classes to reset column order.
Improved examples of form validation documentation by adding tooltip examples and more.
New documentation added for using our CSS variables to the Theming page.
Improved consistent across browsers when printing.
Sass map extends and docs
New and improved print display utilities

CSS

#24710: $component-active-bg and $component-active-color are partially useful.
#24821: Mixins form-control-focus and button-variant output invalid box-shadow value with shadows enabled.
#24915: Added new .order-last grid classes to match existing .grid-first ones.
#25021: Expand border utilities to include top, right, bottom, left.
#25035: Add variables for popover and tooltip font-size.
#25072: Move alert theme-color() levels to variables.
#25101: Extend $spacers and $sizes Sass maps the same way as we do our color maps to allow modifying, removing, and replacing key-value pairs.
#25117: Remove hardcoded value for navbar's .nav-link horizontal padding.
#25123: Darken $gray-600 by 10% for AA contrast.
#25137: Add .order-0 to the flexbox grid ordering helpers.
#25145: Update outline buttons to match default buttons—only show focus styles for the focused active state and not the normal active state.
#25149: Update pagination focus styles.
#25152: Reimplement input group addon support for textareas.
#25164: Improve printing cross-browser with the addition of new styles and variables.
#25167: Fixed color for disabled buttons.
#25169: Using the $custom-select-height variable to set the custom select height instead of $input-height.
#25173: Remove double borders for custom select and custom file.
#25177: Patch fractional viewport widths to work around Safari rounding bug.
#25210: Add validation feedback/tooltip support to .form-check-inputs.
#25250: Remove touch-action:manipulation click optimization.
#25264: Fix breakpoint mixins for custom breakpoint maps.
#25269: Prevent print utility display classes from overriding all other display utilities.
#25270: Deprecate hover media query shim and mixins.
#25279: Add direct children selectors to avoid cascading styles into a menu form.
#25308: Add display utilities to bootstrap-grid.scss.
#25317: Consistently use :disabled rather than [disabled] selector.
#25338: Use .list-group-item-action for list group item variant.
#25339: Outline button hover color.

JS

#25121: Allow nested structure for accordions.
#25146: Improve ESLint rules.
#25161: Multiple accordion support.
#25199: Check for window before window.QUnit.

Docs

#24751: Add Wall of Browser Bugs entry for Chrome SVG performance bug (#24673).
#24821: Mixins form-control-focus and button-variant output invalid box-shadow value with shadows enabled.
#24898: Overhaul existing and add new examples.
#24994: Add docs about active menu items.
#25071: Show JS button behaviors work on single buttons and button groups.
#25095: Add examples of disabled tooltip and popover triggers.
#25099: Wall of Browser Bugs: position:sticky support landed in MS Edge.
#25108: Update Theming docs for removing map items.
#25111: Add .modal-dialog-centered class to vertically centered modal example.
#25113: Update markup for new custom files in input groups.
#25115: Updated docs for translating "Browse" text into other languages.
#25116: Remove unnecessary align-middle class from Navbar docs.
#25138: docs: fix double copy button.
#25140: Move inline JS outside of HTML.
#25142: Fix overflow issue in IE.
#25143: Add tooltip and valid feedback validation examples.
#25144: Mention $custom-file-text change in Migration docs.
#25148: Document border utilities.
#25162: Remove incorrect roles from accordion, tweak/expand accessibility info, use buttons for accordion.
#25163: Expand keyboard advice for tooltips, clarify what manual trigger does in table.
#25165: Add new Approach docs page.
#25176: Add some documentation on using CSS variables to our Theming docs page.
#25229: Update browser compatibility note for position: sticky since Edge supports it now.
#25244: Fix invalid "constraint validation API" URL in docs.
#25261: Fix variable name in display utility class naming.
#25282: Use the SRI hashes for the live site's assets.
#25289: Add .list-group-flush` to list group docs.
#25302: Add example of a Spanish translation for custom file input.
#25325: Mention .input-group-text in migration docs for Beta 3.
#25355: Remove note about Opera 12 not supporting CSS3 animations.

Build

#25083, #25192: Update devDependencies and gems.
#25139: Add docs-github-serve script for local serving the github target.

Meta

#25080: Include JavaScript map files in NuGet packages.

最新評(píng)論