如何开始使用bootstrap

2025-10-13 12:29:56

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

如何开始使用bootstrap

2、设置设备比例:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

如何开始使用bootstrap

3、引入Bootstrap:

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

如何开始使用bootstrap

4、以上两个步骤在头部中使用

一下两个步骤在body中使用:

调入JQuery:

<script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>

如何开始使用bootstrap

5、引入js插件:

 <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 

如何开始使用bootstrap

6、在游览器中运行:

如何开始使用bootstrap

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