经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » HTML/CSS » HTML5 » 查看文章
HTML、CSS 和 JS框架之Bootstrap
来源:cnblogs  作者:suguangti  时间:2019/6/6 8:50:56  对本文有异议

一.Bootstrap简介:

Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。

详细参考内容:Bootstrap_v3

二.Bootstrap安装:
下载地址:https://v3.bootcss.com/(使用v3版,不要使用最新版)

 使用方法一:
下载后解压文件bootstrap-3.3.7-dist

这里有一些多余的文件需要删除,方便我们今后更快的找到导入的框架文件,里面三个文件夹分别留这些就行了:

将bootstrap-3.3.7-dist文件夹复制到项目目录下,就可以导入css文件和js文件来使用bootstrap框架的了,这是本地导入方法。

方法二:https://www.bootcdn.cn/在线导入

导入版本:3.4.1

  1. <link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
  2.  
  3. <script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>

 

三、关于Bootstrap的使用,具体可以参考Bootstrap3中文文档,使用大致过程就是:

根据目录找样式>>复制HTML代码>>粘贴HTML代码到自己的HTML文件中>>修改里面的文本和相关参数。

所以使用Bootstrap,可以先熟悉一遍其文档,这样找起来也更迅速、高效。

补充:

Bootstrap自带图标不够丰富,推荐个图标网:http://www.fontawesome.com.cn/,下载后导入就可以了。

 

原文链接:http://www.cnblogs.com/suguangti/p/10981430.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号