©
이 문서에서는PHP 중국어 웹사이트 매뉴얼풀어 주다
重新启动,单个文件中特定于元素的CSS更改集合,kickstart Bootstrap提供优雅、一致且简单的基础来构建环境。
重新启动基于Normalize构建,仅使用元素选择器提供许多有些自以为是风格的HTML元素。额外的样式只能通过类来完成。例如,我们重新启动一些 以下是我们的指南和选择重新启动时要重写的内容的原因: 更新一些浏览器默认值以使用 避免 为了便于跨设备大小缩放,块元素应该使用 尽可能保持与 在 将 没有 该 为了安全起见,它 默认的Web字体(Helvetica Neue,Helvetica和Arial)已被放入Bootstrap 4中,并替换为“原生字体堆栈”,以在每个设备和操作系统上实现最佳文本呈现。阅读本Smashing杂志文章中有关原生字体堆栈的更多信息。 这 所有标题元素 - 例如 标题 例 H1。Bootstrap标题 H2。Bootstrap标题 H3。Bootstrap标题 H4。Bootstrap标题 H5。Bootstrap标题 H6。Bootstrap标题样式以获得更简单的基准,然后再提供
.table
,.table-bordered
等等。
rem
s而不是em
s来表示可伸缩组件间距。margin-top
。垂直边距可能会崩溃,产生意想不到的结果。更重要的是,单一的方向margin
是一个更简单的心理模型。rem
s来表示margin
s。font
相关属性的声明最小化inherit
。Page defaults
和
元素更新,以提供更好的页面宽度默认值。进一步来说:
box-sizing
在全球范围内设定的每一个元素,包括*::before
和*::after
,来border-box
。这确保了由于填充或边框而永远不会超出声明的元素宽度。
font-size
声明基地,但
16px
假定(浏览器默认)。通过媒体查询font-size: 1rem
应用于易于响应的类型缩放,同时尊重用户偏好并确保更易于访问的方法。
还设置一个全球性的
font-family
,line-height
和text-align
。稍后会被某些表单元素继承以防止字体不一致。有一个声明
background-color
,默认为#fff
。Native font stack
$font-family-sans-serif: // Safari for OS X and iOS (San Francisco) -apple-system, // Chrome < 56 for OS X (San Francisco) BlinkMacSystemFont, // Windows "Segoe UI", // Android "Roboto", // Basic web fallback "Helvetica Neue", Arial, sans-serif, // Emoji fonts "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
font-family
适用于整个Bootstrap并在全局自动继承。要切换全局
font-family
,请更新$font-family-base
并重新编译Bootstrap。Headings and paragraphs
-
重置为
margin-top
删除。标题margin-bottom: .5rem
添加了段落margin-bottom: 1rem
,并且可以轻松排列。
Lists
所有lists-
,
和
-具备其margin-top
删除和margin-bottom: 1rem
。嵌套列表没有margin-bottom
。
为了更简单的样式,清晰的层次结构和更好的间距,说明列表已更新margin
。
重设margin-left
到0
并添加margin-bottom: .5rem
。其中
s是粗体的。
Preformatted text
该
元素被重置为删除它margin-top
并为其使用rem
单位margin-bottom
。
Tables
表格略微调整为样式
,折叠边界,并确保始终一致text-align
。对.table
班级附加更改,边框,填充等。
Forms
各种表单元素已被重新引导,以实现更简单的基本样式。以下是一些最显着的变化:
与字段集一样,它也被重新设置为显示为各种标题。
s被设置为display: inline-block
允许margin
应用。
s,