Bootstrap：文字排版与图片样式

最新推荐文章于 2024-08-22 20:17:26 发布

2401_84094979

最新推荐文章于 2024-08-22 20:17:26 发布

阅读量617

点赞数 24

分类专栏：程序员文章标签： bootstrap 前端 html

本文链接：https://blog.csdn.net/2401_84094979/article/details/137946169

版权

本文详细介绍了Bootstrap中各种标题的样式，包括h1到h6以及Display标题类。同时，讲解了如何创建更小的副标题、高亮文本、缩写和描述列表等文本效果，帮助前端开发者更好地掌握Bootstrap的文本排版技巧。

摘要由CSDN通过智能技术生成

默认设置：

Bootstrap 4 默认的 font-size 为 16px, line-height 为 1.5。

默认的 font-family 为 “Helvetica Neue”, Helvetica, Arial, sans-serif。

此外，所有的 <p> 元素 margin-top: 0 、 margin-bottom: 1rem (16px)。

1、`<h1> - <h6>`

Bootstrap 中定义了所有的 HTML 标题（h1 到 h6）的样式.

h1 Bootstrap 标题 (2.5rem = 40px)

h2 Bootstrap 标题 (2rem = 32px)

h3 Bootstrap 标题 (1.75rem = 28px)

h4 Bootstrap 标题 (1.5rem = 24px)

h5 Bootstrap 标题 (1.25rem = 20px)

h6 Bootstrap 标题 (1rem = 16px)

2、Display 标题类

Bootstrap 还提供了四个 Display 类来控制标题的样式: .display-1、.display-2、.display-3、 .display-4。

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

2401_84094979

关注关注

24
点赞
踩
27

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

微信小程序授权登录和获取手机号功能（详细）

2401_83916355的博客

03-30

2522

请依次允许获得你的公开信息及手机号码请升级微信版本（四）index.wxss.header {.content {.operBtns{important;important;*/（三）index.jsPage({data: {//判断小程序的API，回调，参数，组件等是否在当前版本可用。AuthorizedLogin: ‘授权登录’,

windows环境下ElasticSearch安装教程

qq_41217625的博客

05-07

591

elasticsearch-service.bat后面还可以执行这些命令 install: 安装Elasticsearch服务 remove: 删除已安装的Elasticsearch服务（如果启动则停止服务） start: 启动Elasticsearch服务（如果已安装） stop: 停止服务（如果启动） manager:启动GUI来管理已安装的服务

参与评论您还未登录，请先登录后发表或查看评论

shiro授权以及注解式开发

小宝的宝呢的博客

12-25

860

一、授权 1.给用户授予角色 ①拿到账号 ②通过用户账号拿到授予的角色 ③将这些角色交给shiro进行管理 2.给用户授予权限 ①拿到账号 ②通过用户账号拿到能看到的授予的权限 ③将这些权限交给shiro进行管理首先在ShiroUserMapper.xml中新增内容 <select id="getRolesByUserId" resultType="java.lang.String" parameterType="java.lang.Integer"> select .

Bootstrap 多媒体对象（Media Object）

最新发布

2402_83140078的博客

08-22

270

本章我们将讲解 Bootstrap 中的多媒体对象（Media Object），如：图像、视频、音频等。多媒体对象的样式可用于创建各种类型的组件（比如：博客评论），我们可以在组件中使用图文混排，图像可以左对齐或者右对齐。媒体对象可以用更少的代码来实现媒体对象与文字的混排。

shiro授权和注解式开发

weixin_44347229的博客

12-04

114

1、授权需要用户完成登入流程，登入成功后通过Id 查询出角色（role）和权限（pers） ShiroUserMapper.xml  <select id="getRolesByUserId" resultType="java.lang.String" parameterType="java.lang.Integer"> sel...

Vue响应式实现原理

nanianshui的博客

05-23

2148

Vue响应式原理 Vue是数据驱动视图实现双向绑定的一种前端框架，采用的是非入侵性的响应式系统，不需要采用新的语法（扩展语法或者新的数据结构）实现对象(model)和视图（view）的自动更新，数据层（Model）仅仅是普通的Javascript对象，当Modle更新后view层自动完成更新，同理view层修改会导致model层数据更新。双向绑定实现机制 Vue的双向绑定实现机制核心：依赖于Object.defineProperty()实现数据劫持订阅模式 Object.defineProper

Bootstrap：文字排版与图片样式，面试学习，web前端自学

mm627mm的博客

03-18

867

整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》[外链图片转存中…(img-M0ZGZuWi-1710760027319)]

Bootstrap4 文字排版

01-19

Bootstrap4 文字排版 Bootstrap 4 默认设置 Bootstrap 4 默认的 font-size 为 16px, line-height 为 1.5。默认的 font-family 为 “Helvetica Neue”, Helvetica, Arial, sans-serif。此外，所有的元素 ...

全面解析Bootstrap排版使用方法（文字样式）

09-03

在Bootstrap中，排版是设计的基础，而文字样式则是排版中不可或缺的一部分。本文将详细介绍如何在Bootstrap中设置和使用文字样式。首先，Bootstrap对全局的文本样式进行了统一设定。默认情况下，段落的字号设定为...

Windows环境下搭建【ElasticSearch】

weixin_30443747的博客

07-18

126

ElasticSearch，简称ES，是一个基于Lucene的分布式全文搜索服务器，和SQL Server的全文索引（Fulltext Index）有点类似，都是基于分词和分段的全文搜索引擎，具有分词，同义词，词干查询的功能，但是ES天生具有分布式和实时的属性。一，安装Java SE环境安装Java JDK和配置JAVA_HOME环境变量： 1，从Java Se Download...

Vue响应式原理及总结

weixin_30624825的博客

08-08

419

Vue 的响应式原理是核心是通过 ES5 的保护对象的 Object.defindeProperty 中的访问器属性中的 get 和 set 方法，data 中声明的属性都被添加了访问器属性，当读取 data 中的数据时自动调用 get 方法，当修改 data 中的数据时，自动调用 set 方法，检测到数据的变化，会通知观察者 Wacher，观察者 Wacher自动触发重新...

将图片转化成SVG格式（亲测可行），赶紧学起来

2401_84091580的博客

04-06

4677

3.设置图片和背景图大小等选项选中图片后，右侧对应的是修改图片的一些选项，包括图片透明度，大小，和旋转角度等设置不选中图片，右侧对应的是背景图的设置选项，包括高宽大小和颜色；4.保存图片图片和背景图设置完成后保存图片保存成功后，图片就成为了SVG格式的啦！最后就可以把你保存的svg的图片替换掉项目中你想要替换的svg图片了！5.另一种快速转换方法打开谷歌浏览器，到应用商店安装扩展程序插件。

windows下搭建ElasticSearch系统及配置head插件 – fjyab的博客 – CSDN博客

测试

10-08

237

文章目录[隐藏]windows下搭建ElasticSearch系统及配置head插件原windows下搭建ElasticSearch系统及配置head插件2018年07月18日 18:06:57fanmp阅读数：60标签：elasticsearchnodejses系统搭建windows更多个人分类：es 检索1、java环境的配置这部分就不细说了，大家在其他博客里都可以搜到如何配置，但需要注意的是...

微信小程序：登录，获取用户信息及手机号详解

qq_42072014的博客

07-19

2795

通过本文的详细介绍，你应当已经掌握了在微信小程序中实现用户登录、获取用户信息和手机号的具体步骤和代码实现。微信小程序的用户管理功能强大，但同时也需要开发者注意数据安全和用户隐私保护。希望本文能帮助你在开发过程中更加得心应手，创造出既实用又安全的微信小程序应用。

shiro授权与注解式开发

weixin_45111741的博客

12-05

167

1.shiro授权在ShiroUserMapper.xml添加 <select id="getRolesByUserId" resultType="java.lang.String" parameterType="java.lang.Integer"> select r.roleid from t_shiro_user u,t_shiro_user_role ur,t_s...

Bootstrap 4：精通文字排版与标题样式

Bootstrap 4 在文字排版上注重一致性与易读性，提供了丰富的样式选项和组件，使开发者能够轻松地创建美观且功能完备的网页布局。了解并掌握这些基础知识，能帮助你在实际项目中高效利用Bootstrap进行文本呈现。