Bootstrap如何设置副标题

2025-10-22 04:36:25

1、打开HBuilder X,新建一个项目。

Bootstrap如何设置副标题

2、在新建的项目里面找到index.html并打开。

Bootstrap如何设置副标题

3、引入 Bootstrap :

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

Bootstrap如何设置副标题

4、引入JQuery :

<script src="https://code.jquery.com/jquery.js"></script>

<!-- 包括所有已编译的插件 -->

<script src="js/bootstrap.min.js"></script>

Bootstrap如何设置副标题

5、我们用一级标题,在用<small>标签设置副标题:

<h1>毕节<small>欢迎你的到来</small></h1>

Bootstrap如何设置副标题

6、Ctrl+S保存,再Ctrl+R在游览器中运行,运行结果如下:

Bootstrap如何设置副标题

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢