概览的样式css,概览 | Overview

概览 | Overview

概观

了解Bootstrap基础架构关键部分的原理,包括更好,更快,更强大的Web开发方法。

HTML5文档类型

引导程序使用某些HTML元素和CSS属性,这些属性需要使用HTML5文档类型。将它包含在所有项目的开始处。

...

移动端优先

借助Bootstrap 2,我们为框架的关键部分添加了可选的移动友好样式。借助Bootstrap 3,我们将该项目从一开始就改写为移动友好。他们没有添加可选的移动样式,而是直接进入了核心。事实上,Bootstrap首先是移动的。移动第一种样式可以在整个库中找到,而不是在单独的文件中找到。

为了确保正确的渲染和触摸缩放,将 viewport 元标签添加到您的

您可以通过添加user-scalable=no到视口元标记来禁用移动设备上的缩放功能。这将禁用缩放功能,这意味着用户只能滚动,并且您的网站的结果感觉更像是本机应用程序。总的来说,我们不建议在每个网站上都这样做,所以请谨慎使用!

排版和链接

Bootstrap设置基本的全局显示,排版和链接样式。具体而言,我们:

设置background-color: #fff;在body上

使用@font-family-base,@font-size-base和@line-height-base属性作为我们的基础

通过设置全局链接颜色@link-color并仅应用链接下划线在:hover

这些样式可以在里面找到scaffolding.less。

Normalize.css

为了改进跨浏览器渲染,我们使用了Nicolas Gallagher和Jonathan Neal的Normalize.css。

容器

Bootstrap需要一个包含元素来包装网站内容并容纳我们的网格系统。您可以选择两个容器中的一个用于您的项目。请注意,由于padding和更多,两个容器都不能嵌套。

使用.container一个响应固定宽度的容器。

...

使用.container-fluid了全宽的容器,跨越视口的整个宽度。

...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值