前端库Bootstrap框架：「19] 创建一个 Bootstrap 标题

路条编程 2021-06-21

351

Bootstrap 是一个前端框架，用于设计响应式 web 页面和 web 应用程序。它采用移动优先的方法来开发 web。Bootstrap 包括预构建的 CSS 样式和类，以及一些 JavaScript 功能。Bootstrap 采用响应式 12 列网格布局，并具有以下设计组件模板：按钮、图片、表格、表单、导航，本专题介绍在 web 项目中使用 Bootstrap 框架的一些方法。

创建一个 Bootstrap 标题

现在，让我们运用 HTML，CSS 和 Bootstrap 从零开始做点东西。

我们将会搭建一个 jQuery playground，以便在后续的 jQuery 课程中使用它。

首先，创建一个包含 jQuery Playground
文本内容的 h3
元素。

通过给你的 h3
元素设置 Bootstrap 的 class 属性 text-primary
来为其上色，然后添加 Bootstrap 的 class 属性 text-center
使其文本居中显示。

我们来做个完整练习，在页面添加一个 h3 元素。确保你的 h3 元素有一个闭合标签。为了确保成功上色，h3 元素应该具有 text-primary class。为了确保文本居中显示，你的 h3 元素应该具有 text-center class。h3 元素文本为 jQuery Playground。

完整代码如下所示：

<h3 class="text-primary text-center">jQuery Playground</h3>

今天就讲到这里，如果有问题需要咨询，大家可以直接留言或扫下方二维码关注公众号。也可以添加 happyzjp 微信受邀加入学习社群，我们会尽力为你解答。练习网站已经正式上线，大家可以登陆网站 http://www.icoderoad.com 进行文章中示例的练习。

前端

文章转载自路条编程，如果涉嫌侵权，请发送邮件至：contact@modb.pro进行举报，并提供相关证据，一经查实，墨天轮将立刻删除相关内容。

前端库Bootstrap框架：「19] 创建一个 Bootstrap 标题

评论