Bootstrap v4.0.0-alpha.5 发布了,Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。
值得关注的更新:
Highlights
Breakpoint specific grid gutters are here!
Update the grid system so containers use
widthalongside amax-width: 100%for more durable layouts, fix thesmbreakpoint and container dimension mismatch, and change thelgbreakpoint width from940pxto960px.Update utilities across the board, simplifying the
marginandpaddingsyntax (e.g., nowmx-autoinstead ofm-x-auto), separatingbackgroundandcolorutilities for more explicit styling, renamed.img-roundedand.img-circleto.roundedand.rounded-circle, and removeddisplay: blockfrom.img-fluid.Added new vertical alignment utilities.
Updated development dependencies, so be sure to update to the latest Bundler and npm versions with
gem install bundler,bundle update, andnpm install.More customizable custom form controls with embedded SVGs and Sass variables.
Brand new navbar toggler control featuring an SVG
background-image.Fixed bug in our flexbox grid where columns didn't properly collapse at lower breakpoints.
Removed momentum scrolling on modals for now due to an iOS 9-10 bug.
Dozens of documentation updates and bug fixes.
CSS
#17194, #20874: Ensure selects and inputs match their heights with
.form-control.#17481: Add breakpoint-specific gutters to grid system.
#18020: Improved custom checkbox and radio alignment.
#18726, #19048: Add a
margin-bottom: 0;to.card-headerfor use with headings.#19784, #20701: Improve units in dropdown components and remove
margin-bottomfrom.dropdown-header.#19926: Add
.h-100utility.#20118, #20700: Allow customization of custom form control
background-imageSVGs.#20234, #20329: Update navbar toggler to include a background SVG image for leaner markup and decently flexible styling.
#20298, #20784: Remove
margin-bottomon<label>-based buttons in button groups.#20395, #20873: Fix double border on items in flush list groups.
#20428: Update to Normalize.css 4.2.0 to fix overflow problem on selects (#20384 and #20779).
#20435, #20436: Add a couple
!defaultflags to form CSS and update.form-control:focusto use properbox-shadowmixin.#20566, #20768: Restore collapse styles for table rows and table bodies.
#20560, #20667: Update card images to use
.img-fluidwhen appropriate, and fix rounded corner blemishes by using somecalc()magic.#20654: Restore the
display: inline-blockon cards in columns to prevent cards from breaking across columns.#20684: Update ton of utilities for more explicit styling and better naming.
#20799, #20826: Apply same styling of disabled checks to disabled inline checks.
#20803: Remove
-webkit-overflow-scrolling: touch;due to an iOS Safari bug.#20810, #20874: Ensure the height of custom selects is maintained in IE/Edge.
#20821: Update print styles borrowed from h5bp (fixes crash in IE11)
#20829: Fix flexbox grid collapsing on lower breakpoints.
#20865: Various grid updates to make containers use width and max-width, change
lgbreakpoint from940pxto960px(cleanly divisible by 12), and fix mismatchedsmbreakpoint and container dimensions.#20872: Updates to the form validation CSS and docs to show proper label styling, fix broken success icon, and implement a proper
:focusstate.#20933: Two variables now control the alert padding.
JS
#17238: Tooltip and popover arrows are now generated via CSS.
#17555, #17568: Fix issue where collapse plugin would leave an inline style of
height: 0after finishing the collapse animation.#17611, #17614: Change
destroytodisposefor tooltip in_JQueryInterface.
Docs
#16941, #19920: Document ability to add custom HTML in tooltips.
#17159: Update collapse accordion example to use card component.
#18437, #20825: Add social meta tags to the docs (e.g., for Twitter cards).
#19287: Fix rendering of Examples overview page in the docs.
#19409: Document modal focus option.
#19796, #20696: Update tooltip placement docs to remove mention of
autoas it's no longer supported.#20214, #20247, #20695: Don't override
border-radiuson radio inputs.#20497, #20699: Document that all table styles are inherited.
#20557: Update tons of links to
httpsand fix other broken links.#20600, #20870: Fix laggy collapse animations by ensuring
.collapseelements have nopaddingon them.#20655: Update Reboot's font stack docs to match our CSS.
#20646: Update
font-sizedocs for our headings.#20678: Split out the Utilities docs from Components section and give each set of utilities their own page.
#20800, #20816: Remove the
$from the bash commands in docs.#20878: Update downloads page to include compiled, source, and CDN options.
Build tools
#20446: Updated Hound and linting warnings.
#20555: Upgrade devDependencies across the board.
#20915: Change SauceLabs iPhone test to use Appium so builds pass again.
Packaging
该版本其他更新:
新的 CSS 包
Grid 升级
整改公共单元
导航栏升级
引用来自“cs6641468”的评论
作为一个1年前端 Jqeury + DIV + CSS 经验的工程师,现在如果想学新东西,js和css库各选一个,能否给一个当前最合适的答案? 比如1. JS 库 : reactjs
2. CSS 库: bootstrap
引用来自“motodola”的评论
一年多了 beta还没上1. JS 库 : reactjs
2. CSS 库: bootstrap