如何使用Bootstrap框架

 时间:2024-10-14 23:53:27

1、百度搜索Bootstrap,打开官网并下载最新Bootstrap版本。Bootstrap 提供了两种形式的压缩包,在下载下来的压缩包内可以看到以下目录和文件,这些文件按照类别放到了不同的目录内,并且提供了压缩与未压缩两种版本。

如何使用Bootstrap框架
如何使用Bootstrap框架

2、打开文件目录,我们会发现css和js文件中含有多个文件,我们只需要把bootstrap.min.css和bootstrap.min.js两个文件复制到项目文件对应目录中。

如何使用Bootstrap框架
如何使用Bootstrap框架

3、在head头部中引入bootstrap样式。因为Bootstrap框架是基于HTM雉搽妤粲L5和CSS3的,所以低版本的IE浏览器(如IE8,IE7等)不支持新的番舸榆毛标签。为了更好地兼容浏览器,我们可以在引入html5shiv.min.js和respond.min.js支持HTML5标签和媒体查询标签。

如何使用Bootstrap框架
如何使用Bootstrap框架

4、在body底部引入bootstrap.min.js文件。注意:bootstrap中js插件依赖于jquery,因此jquery要在Bootstrap之前引用

如何使用Bootstrap框架

5、基本的html模板可以直接在标签中引用预先定义好的类名,方便快捷。具体怎么运用看官网文档教程。

如何使用Bootstrap框架
如何使用Bootstrap框架

6、丰富的组件(如轮播、折叠、滚动监听、弹出框等)

如何使用Bootstrap框架
  • 怎么去掉Word中的回车符
  • 使用交换机组建办公网
  • Word如何批量对齐文字?
  • 淘宝天猫主图视频分类下载技巧及步骤
  • word2016如何删除第一页空白页
  • 热门搜索
    校园安全手抄报 国庆节手抄报内容 春节手抄报图片 爱国的手抄报 防震减灾手抄报内容 我爱读书手抄报 元宵节手抄报 爱祖国手抄报 端午节的手抄报 建党节手抄报内容