初步接触Bootstrap

本文详细介绍如何使用Bootstrap可视化编辑器工具LayoutIt进行页面布局,并提供从下载Bootstrap和jQuery,到在项目中正确引用CSS和JS文件的完整步骤。

https://v3.bootcss.com/getting-started/

 

Bootstrap可视化编辑器工具-LayoutIt:http://www.bootcss.com/p/layoutit/ 

Bootstrap可视化编辑器工具上下载的是纯html标签需要在head中引用Bootstrap中必要的CSS样式和JS

步骤:
1.http://v3.bootcss.com/getting-started/,下载bootstrap,将解压缩出来的dist文件夹放到项目的根目录下。
2.然后再去http://jquery.com/download/,下载一个jQuery 3.3.1.js,因为bootstrap的JS都是基于jQuery的,所以必须有这个。注意要找到里面的这个链接:Download the uncompressed, development jQuery 3.3.1,然后右键点击保存到本地。
3.将jquery-3.3.1.js放到dist的根目录下。
4.然后网页的HTML代码中找到head标签,加上

<link rel="stylesheet" type="text/css" href="dist/css/bootstrap.min.css">

<script src="dist/jquery-3.3.1.js"></script>

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

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值