美文网首页WEB前端Android开发Web前端之路
bootstrap入门 — 第一行代码

bootstrap入门 — 第一行代码

作者: 我去_6aee | 来源:发表于2017-11-12 17:51 被阅读52次

      配置好bootstrap环境后,就可以进行编辑bootstrap代码了,值得注意的,bootstrap全面支持HTML和CSS,是对CSS的一种封装,我们使用bootstrap可以快速的完成web应用开发和前端框架的构架。

一、支持HTML标题:<h1>至<h6>如图1

运行结果:如图2:

     二 页面主体:

打开谷歌浏览器,找到开发者工具:如图3

我们发现bootstrap事先为我们设置了默认的字体大小、颜色和背景色。

在P标签里我们增加一个类.lead,可以突出文章段落显示,如图4

运行结果,如下图

删除文本:<del>

运行程序:结果如下:

相关文章

网友评论

    本文标题:bootstrap入门 — 第一行代码

    本文链接:https://www.haomeiwen.com/subject/euhomxtx.html