栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > Bootstrap教程

Bootstrap教程(2)--安装Bootstrap

Bootstrap教程(2)--安装Bootstrap

1. 版本选择

目前已经出了Bootstrap4,但是作为初学者而言可以学习Bootstrap3,更加主流的版本选择,网上的文档、教程、资源也相对比较多。本教程选择Bootstrap3.3.7。

2. 使用方式

可以将Bootstrap下载到本地后引入使用,也可以直接使用CDN引入使用。

CDN方式的话不如下载到本地使用稳定,但是不用下载更加的方便,学习阶段可以直接使用CDN的方式。

本教程直接使用CDN方式。

3. 安装方法

由于Bootstrap依赖于jQuery,所以我们先行引入jQuery,然后引入Bootstrap相关的文件。




    boostrap-setup
    
    
    
    
    
    
    





如上,在head区域引入相关的文件后,即可直接使用Bootstrap了。

4. 验证下

我们在内容区域放置2个按钮,一个是普通按钮,一个是采用了Bootstrap样式的按钮,代码如下:


    
    

效果如下:

非常明显,使用了Bootstrap样式的按钮比普通按钮好看多了。

就是如此优秀!

转载请注明:文章转载自 www.mshxw.com
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号