博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Bootstrap3 排版-页面主体
阅读量:7043 次
发布时间:2019-06-28

本文共 1272 字,大约阅读时间需要 4 分钟。

Bootstrap 将全局 font-size 设置为 14px,line-height 设置为 1.428。这些属性直接赋予 元素和所有段落元素。另外,<p> (段落)元素还被设置了等于 1/2 行高(即 10px)的底部外边距(margin)。

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

...

中心内容

通过添加 .lead 类可以让段落突出显示。

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

...

使用 Less 工具构建

variables.less 文件中定义的两个 Less 变量决定了排版尺寸:@font-size-base 和 @line-height-base。第一个变量定义了全局 font-size 基准,第二个变量是 line-height 基准。我们使用这些变量和一些简单的公式计算出其它所有页面元素的 margin、 padding 和 line-height。自定义这些变量即可改变 Bootstrap 的默认样式。


—–下面有个“顶”字,你懂得O(∩_∩)O哈哈~

—–乐于分享,共同进步!
—–更多文章请看:


转载于:https://www.cnblogs.com/hainange/p/6153762.html

你可能感兴趣的文章
struts 设置默认 action
查看>>
基于VLC的播放器开发
查看>>
[js插件]分享一个文章内容信息提示插件Colortip
查看>>
打开word文档到richtextbox
查看>>
阿里云服务器的坑=====部署EF+MVC
查看>>
(单例设计模式中)懒汉式与饿汉式在多线程中的不同
查看>>
栈和堆(Stack && Heap)
查看>>
Android布局优化之过度绘制
查看>>
removing objects from an array
查看>>
【物联网】QCA4010开发环境的搭建
查看>>
NIO.2 入门,第 2 部分: 文件系统 API
查看>>
在SQL Server中使用种子表生成流水号注意顺序
查看>>
java多线程的等待唤醒机制及如何解决同步过程中的安全问题
查看>>
开源一个Odoo钉钉集成模块
查看>>
vim 一键运行 node中.js文件
查看>>
6月第5周业务风控关注 | 《网络安全等级保护条例(征求意见稿)》本周正式发布...
查看>>
云端Linux成为两大挖矿黑客集团的战场
查看>>
JavaScript之内存机制
查看>>
SRX 硬件相关
查看>>
vue-cli搭建之[环境变量][path]真解
查看>>