bootstrap使用教程

 时间:2024-10-14 15:45:34

1、打开浏览器,搜索框输入“bootstrap”。如图,点击进入“Bootstrap中文网”。

bootstrap使用教程

2、进入后,我们可以看到bootstrap有三个版本。这里以‘Bootstrap3’为例。如图点击“Bootstrap3中文文档”。

bootstrap使用教程

3、点击页面中央按钮“下载Bootstrap”。跳转到下载页面。

bootstrap使用教程

4、这里有三个下载选项,我们只需下载“用于生产环境的 Bootstrap”即可。

bootstrap使用教程

5、下载完成后,我们会得到一个压缩包,将其解压缩后,会得到如下图所示目录结构。

bootstrap使用教程

6、我们在编写页面时只需引入相应的css、js即可使用Bootstrap的样式。注:Bootstrap 的所有 JavaScript 插件都依赖 jQuery,需要在引入Bootstrap.js前先引入jQuery.js文件。如果没有jQuery.js文件,可取jQuery官网下载。

bootstrap使用教程

7、我们点击导航栏中“全局CSS样式”、“组件”,即可查看其相应的使用方法。。

bootstrap使用教程
  • 在python中如何遍历字典的键-值对或者键、值
  • 玉雕有哪些手法?
  • WebStorm怎么设置使用自定义配置目录
  • 石英晶体产生压电效应的前提及种类是什么
  • table和div的区别?如何取舍?
  • 热门搜索
    我的中国梦手抄报图片 预防结核病手抄报内容 欢庆六一手抄报资料 走进信息世界手抄报 六一儿童节手抄报大全 创文手抄报 防地震手抄报 禁止吸烟手抄报 童话手抄报图片 手抄报图片大全2年级