Bootstrap模版框架怎么用

 时间:2024-10-13 18:16:03

1、首先我们当然是需要得到Bootstrap相关文件,因为在网页中应用Bootstrap是需要引入其相关文件的。我们可以到Bootstrap官网下载。

Bootstrap模版框架怎么用

2、如果你的英文水平不是太好的话,没关系,我们可以到国内做的汉化比较好的Bootstrap网站去下载,最新版本都是3,属于扁平化的那种。

Bootstrap模版框架怎么用

3、以上两步点击下载按钮后都会跳转到一个详细下载列表,有三种Bootstrap,这里我们下载第一个就可以了。

Bootstrap模版框架怎么用

4、下载完成后解压,会看到文竭惮蚕斗件有三个子文件夹,分别是css、font、js,里面带min的文件都是压缩后的文件,在网站上线的时候用,其他未压缩的文件我们可以在平时开发的时候用。

Bootstrap模版框架怎么用

5、再之后就是要用这套Bootstrap框架了,首先要做的就是建立一个html文件,你可以用任何文本编辑器,这里推荐Dreamweaver CS6,个人感觉比较好用。

Bootstrap模版框架怎么用

6、接下来就是要引入css文件了,要把文件的路径老揉孟阼写正确,如果网页内用到了Bootstrap的js效果,那么必须先引入jQuery文件,因为Bootstrap的js插件都是基于jQuery的。

Bootstrap模版框架怎么用

7、最后就可以在body标签内应用Bootstrap相关的class了,这些都是封装好的,只要嵌套正确就是做出漂亮的网页了。

Bootstrap模版框架怎么用Bootstrap模版框架怎么用
  • 电脑用时间久了会卡—如何让电脑变得流畅
  • Microsoft Word怎么插入页码
  • 数据库快照的特点及创建
  • word文档页脚怎么取消与上一节相同
  • Word编辑页眉时,链接前一节页眉是灰色怎么办?
  • 热门搜索
    爱哭怎么办 对男朋友过敏怎么办 igxe怎么卖东西 肠梗阻怎么办 文件怎么加密 怎么剪辑歌曲 公司概况怎么写 短裤的英文怎么读 qq被盗怎么找回 360浏览器怎么截图