Bootstrap模版框架怎么用

Bootstrap是现在很流行的一套前端框架,美观大方而且用起来非常方便,可能很多做前端开发的新手朋友还不知道
Bootstrap模版框架怎么用,今天小编就来向大家介绍一下Bootstrap的用法。

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

  • 07

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

(0)

相关推荐

  • 实例讲解Bootstrap前端框架的使用技巧

    Bootstrap跟Dreamweaver一样也是开发网站常用的前端框架,而且Bootstrap框架比Dreamweaver框架更常使用.利用前端框架都可以非常快速的开发出一个网站的前端出来,因此深受 ...

  • 用php制作静态网站的模版框架(二)

    操作方法 01 避免页面元素重复 "这确实不错",你也许会想,"我的网站主要就是由大量的静态页面构成.现在我可以从所有页面中删除它们的公共部分,要更新这些公共部分实在太麻 ...

  • 干货集锦——20个最佳Bootstrap着陆页模板,快速网页设计不是事儿

    着陆页是网站上的一个至关重要的页面,一个好的着陆页,可以引导访客在登陆你的网站时进行一系列操作,进而达成注册,购买或者其他转化.因此,设计师们都必须精心设计着陆页,因为只有精心设计的页面才可以增加转化 ...

  • 实例讲解Bootstrap中各种图标的使用技巧

    Bootstrap是一款非常实用的前端框架之一,也是目前主流的前端框架.学习难度低,开发效率高,因此得到IT行业的广泛使用.现在,我们以实际例子出发,看看Bootstrap中图标如何使用吧. 操作方法 ...

  • IntelliJ IDEA热部署插件JRebel2018安装激活破解及配置教程(附下载)

    在 Java Web 开发中, 一般更新了 Java 文件后要手动重启Tomcat 服务器,才能生效,浪费不少生命啊,自从有了JRebel 这神器的出现,不论是更新class 类还是更新Spring ...

  • Bootstrap框架语言简介二

    简要介绍 Bootstrap,以及如何下载.使用,还有基本模版和案例,等等. 操作方法 01 需要下载用于生产环境的Bootstrap.Bootstrap源码以及Sass项目. (去bootstrap ...

  • 比BOOTSTRAP还更强大的前端框架TOOLKIT

    目前比较流行的前端框架有Bootstrap、Foundation,这两都有着常用的网页设计组件,并且兼容移动设备,深受大众喜爱,但如果你认为这两个框架的组件依然不够用的话,可尝试今天分享的Toolki ...

  • 10个Bootstrap热门的前端框架网站案例

    Bootstrap框架能让开发者快速的搭建一个时尚的网站,并且能兼容响应式,可以在桌面或移动平台上浏览网页都有良好的表现.下面整理10个很有创意的使用Bootstrap来搭建的网站,希望从中你能获得更 ...

  • 快速使用前端bootstrap框架

    前端bootstrap框架,简单,快捷,方便,视觉舒服,很容易学会. 操作方法 01 进入官网下载"bootstrap"文件包. 02 打开开发工具"dw",新 ...