Bootstrap 排版和链接

Bootstrap 为屏幕、排版和链接专门设置了以下全局样式：

移除了body的 margin，这样内容就会紧贴浏览器窗口的边缘；
设置了 body 的背景颜色 background-color: white;；
使用 @baseFontFamily、@baseFontSize 和 @baseLineHeight 属性作为排版的基准，确保整个网站的字体、字体尺寸、内容的行高保持一致；
通过 @linkColor 设置全局链接颜色，并且，只有在链接处于 :hover 状态时，才给链接添加下划线。

这些样式可以在 scaffolding.less 文件中找到。如果要修改这些默认样式，可以修改你自己的样式表，也可以直接修改 scaffolding.less 文件中的全局变量值。

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》，并全部在 GitHub 上开源。

Bootstrap 排版和链接相关推荐

Bootstrap 禁用导航链接
在导航组件中,包括标签导航.胶囊式导航.导航列表,为某个 <li> 元素添加 .disabled 类,可以让链接变灰并失去鼠标悬停效果.如: <ul class="nav ...
Bootstrap排版之标题
Bootstrap排版之标题 1.定义标题样式 2.运行效果 3.定义 4.运行效果,表面上看是差不多的,但其实你看这两个的源代码,第二种样式是没有定义margin-top和 marging-bott ...
Word海报随意排版、链接文本框有妙招
Word海报随意排版.链接文本框有妙招 1.插入文本框 2.文本框内文字状态 3.创建文本框之间的链接 4.插入图片这篇文章将带我们学习文本框排版是Word排版中最灵活的方式文字和图片实现所见即 ...
Bootstrap ——排版、表格、表单、图片、button 学习博客（二）
Bootstrap中的排版 1. 排版标题部分文本部分对齐 .text-left :文字左对齐 .text-center :文字居中对齐 .text-right :文字右对齐 .text-low ...
使用bootstrap排版
今天用bootstrap框架排出主页面和增加界面,我们这使用的是bootstrap5,以下是bootstrap5官网链接. 简介 · Bootstrap v5 中文文档 v5.1 | Bootstra ...
bootstrap排版实战
bootstrap+angular实战 CASE-01:页面总体排版说明:页面排版整体分为三个部分(见产品图):上导航条(红色区域).左导航条(紫色区域).内容区域(蓝色区域).左导航条的区域是由整 ...
Bootstrap排版中地址与引用详解
地址元素address 我们的地址在HTML5中增加了一个address标签,可以把我们的地址写在address标签里面,address里面强调换行等等都是可以的. 实例: <address&g ...
吴裕雄 Bootstrap 前端框架开发——Bootstrap 排版：移除默认的列表样式
<!DOCTYPE html> <html><head><title>菜鸟教程(runoob.com)</title> <meta n ...
Bootstrap 排版
2019独角兽企业重金招聘Python工程师标准>>> Bootstrap 使用 Helvetica Neue. Helvetica. Arial 和 sans-serif 作为其默 ...

Bootstrap 排版和链接

Bootstrap 排版和链接相关推荐

最新文章

热门文章