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的区别?如何取舍?
  • 热门搜索
    女生适合什么专业 towel是什么意思 朋友过生日送什么好 cycle是什么意思 邮箱打不开是什么原因 运动相机 304ss是什么材质 rate是什么意思 什么是平板电脑 什么是外贸