发布于 2016-10-20 00:32:31 | 262 次阅读 | 评论: 0 | 来源: 网友投递
Bootstrap Web前端CSS框架
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。
Bootstrap v4.0.0-alpha.5 发布了，
值得关注的更新：
Highlights
Breakpoint specific grid gutters are here!
Update the grid system so containers use width alongside a max-width: 100% for more durable layouts, fix the sm breakpoint and container dimension mismatch, and change the lg breakpoint width from 940px to 960px.
Update utilities across the board, simplifying the margin and padding syntax (e.g., now mx-autoinstead of m-x-auto), separating background and color utilities for more explicit styling, renamed .img-rounded and .img-circle to .rounded and .rounded-circle, and removed display: 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, and npm 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-header for use with headings.
#19784, #20701: Improve units in dropdown components and remove margin-bottom from .dropdown-header.
#19926: Add .h-100 utility.
#20118, #20700: Allow customization of custom form control background-image SVGs.
#20234, #20329: Update navbar toggler to include a background SVG image for leaner markup and decently flexible styling.
#20298, #20784: Remove margin-bottom on <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 !default flags to form CSS and update .form-control:focus to use proper box-shadow mixin.
#20566, #20768: Restore collapse styles for table rows and table bodies.
#20560, #20667: Update card images to use .img-fluid when appropriate, and fix rounded corner blemishes by using some calc() magic.
#20654: Restore the display: inline-block on 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 lg breakpoint from 940px to 960px (cleanly divisible by 12), and fix mismatched sm breakpoint 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 :focus state.
#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: 0 after finishing the collapse animation.
#17611, #17614: Change destroy to dispose for 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 auto as it's no longer supported.
#20214, #20247, #20695: Don't override border-radius on radio inputs.
#20497, #20699: Document that all table styles are inherited.
#20557: Update tons of links to https and fix other broken links.
#20600, #20870: Fix laggy collapse animations by ensuring .collapse elements have no padding on them.
#20655: Update Reboot's font stack docs to match our CSS.
#20646: Update font-size docs 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 升级
整改公共单元
导航栏升级