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的区别?如何取舍?
  • 热门搜索
    红薯做法 辣子鸡的做法 腰部酸痛是怎么回事 牛肉丸子汤的做法 热巧克力的做法 烤冷面的做法视频 腾讯视频怎么登录别人的会员 康巴赫炒锅怎么样 菠萝古老肉的家常做法 牛蹄的做法