关键词:
方法/步骤1
首先我们当然是需要得到Bootstrap相关文件,因为在网页中应用Bootstrap是需要引入其相关文件的。我们可以到Bootstrap官网下载。
2
如果你的英文水平不是太好的话,没关系,我们可以到国内做的汉化比较好的Bootstrap网站去下载,最新版本都是3,属于扁平化的那种。
3
以上两步点击下载按钮后都会跳转到一个详细下载列表,有三种Bootstrap,这里我们下载第一个就可以了。
4
下载完成后解压,会看到文件有三个子文件夹,分别是css、font、js,里面带min的文件都是压缩后的文件,在网站上线的时候用,其他未压缩的文件我们可以在平时开发的时候用。
5
再之后就是要用这套Bootstrap框架了,首先要做的就是建立一个html文件,你可以用任何文本编辑器,这里推荐Dreamweaver CS6,个人感觉比较好用。
6
接下来就是要引入css文件了,要把文件的路径写正确,如果网页内用到了Bootstrap的js效果,那么必须先引入jQuery文件,因为Bootstrap的js插件都是基于jQuery的。
7
最后就可以在body标签内应用Bootstrap相关的class了,这些都是封装好的,只要嵌套正确就是做出漂亮的网页了。 参考技术A
首先要引用bootstrap,你可以下载或者使用公共资源库
这个是使用公共资源库的例子
<head><link rel="stylesheet" type="text/css" href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css" />
<script type="text/javascript" language="javascript" src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" language="javascript" src="http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</head>
如果是自己下载的,那就把资源库的地址换成你自己的地址即可
步骤是先引用bootstrap.css文件,然后引用jquery库,最后引用bootstrap.js文件
具体里面如何使用的话,自己百度下bootstrap吧,有很多教程的,也很简单,这个框架可以让人很轻松的排版,真的相当好。
本回答被提问者采纳前端之bootstrap(代码片段)
Bootstrap简介 Bootstrap是一个前端框架、是目前最受欢迎、最流行的web前端框架、是Twitter公司的MarkOtto和JacobThornton一起开发的,Bootstra框架是基于HTML、CSS、JavaScript开发的,它因简洁、直观、功能强大被开发者广发使用。 Boot... 查看详情
web前端之移动端课程开发之06.bootstrap(代码片段)
...了一套前端工具包UI(userInterface用户界面)框架Bootstrap的特性响应式设计(css媒体查询一套样式实现各个终端尺寸适配)pc平板手机端栅格布局完整的类库jQuery插件不同的使用场景移动设备优先Bootstrap3 查看详情
web前端之移动端课程开发之06.bootstrap(代码片段)
...了一套前端工具包UI(userInterface用户界面)框架Bootstrap的特性响应式设计(css媒体查询一套样式实现各个终端尺寸适配)pc平板手机端栅格布局完整的类库jQuery插件不同的使用场景移动设备优先Bootstrap3 查看详情
css框架-bootstrap
本文内容1.BootstrapBootstrap:1.概念:一个前端开发的框架,Bootstrap,来自Twitter,是目前很受欢迎的前端框架。Bootstrap是基于HTML、CSS、JavaScript的,它简洁灵活,使得Web开发更加快捷。 *框架:一个半成品软件,开发人员可以在框架... 查看详情
bootstrap框架
1、Bootstrap的介绍和响应式Bootstrap,来自Twitter,是目前最受欢迎的前端框架。Bootstrap是基于HTML、CSS、javascript的,它简洁灵活,使得Web开发更加快捷。它用于开发响应式(自适应)布局、移动设备优先的WEB项目。CSS3的@media查... 查看详情
前端框架
Bootstrap 教程Bootstrap,来自Twitter,是目前最受欢迎的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的,它简洁灵活,使得Web开发更加快捷。本教程将向您讲解Bootstrap框架的基础,通过学习这些内容,您将可以轻松地创建Web项目。... 查看详情
day14-前端之bootstrap框架
Bootstrap介绍Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。它是为实现快速开发Web应用程序而设计的一套前端工具包。它支持响应式布局,并且在V3版本之后坚持移动设备优先。为什么要使用Bootstrap?在Bootstrap出现之前... 查看详情
怎么样使用bootstrap快速开发一个简单的前
Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的。历史Bootstrap是由Twitter的MarkOtto和JacobThornton开发的。Bootstrap是2011年八月在GitHub上发布的开源产品。最近空余时间比较多,今天先给大... 查看详情
bootstrap
## BootStrap 1、概念:一个前端开发的框架:Bootstrap是美国Twitter公司的设计师MarkOtto和JacobThornton合作基于HTML、CSS、JavaScript开发的简洁、直观、强悍的前端开发框架,使得Web开发更加快捷。 * 框架:一个半... 查看详情
bootstrap框架
Bootstrap介绍Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。它是为实现快速开发Web应用程序而设计的一套前端工具包。它支持响应式布局,并且在V3版本之后坚持移动设备优先。为什么要使用Bootstrap?在Bootstrap出现之前... 查看详情
bootstrap框架
Bootstrap介绍Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。它是为实现快速开发Web应用程序而设计的一套前端工具包。它支持响应式布局,并且在V3版本之后坚持移动设备优先。响应式Web设计(ResponsiveWebdesign)的理念是:... 查看详情
前端框架bootstrap(响应式布局)入门(代码片段)
Bootstrap,是基于HTML,CSS.javascript的前端框架 该框架已经预定义了一套CSS样式和与样式相对应的js代码(对应的样式有对应的特效.) 开发人员只需要编写HTML结构,添加bootstrap固定的class样式,就可以轻松完成指定效果的实现.... 查看详情
web前端培训:常用的web前端开发框架有哪些?
...端开发框架有哪些?程序员常用的Web前端开发框架有Bootstrap、PatternFly、MDCWeb、Pure、Foundation、Bulma、Ske 查看详情
前端框架都有哪些?
1、Bootstrap是最流行的前端开发框架,可以让不是前端工程师也能开发出优美的页面,更加快捷、方便的开发web页面和移动端应用。也能开发响应式web页面,上手也非常快。中文官网:http://www.bootcss.com/2、React是Facebook开发的框架... 查看详情
bootstrap简介--目前最受欢迎的前端框架
Bootstrap,是目前最受欢迎的前端框架。Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的。Bootstrap是由Twitter的MarkOtto和JacobThornton开发的。Bootstrap是2011年八月在GitHub上发布的开源产品。Bo... 查看详情
bootstrap模板
一、bootstrap基本介绍 1、什么是bootstrap? bootstrap就是个前端快速开发的工具,该工具是个简单、直观、强悍的前端开发框架,让web开发更加迅速简单 2、bootstrap安装方法 不同的应用场景安装方式不同,请大... 查看详情
bootstrap怎么实现图片大小自适应?
...maximum-scale=1,user-scalable=no"/>图片加上img-responsive类名Bootstrap,来自Twitter,是目前很受欢迎的前端框架。Bootstrap是基于HTML、CSS、JavaScript的,它简洁灵活,使得Web开发更加快捷。它由Twitter的设计师MarkOtto和JacobThornton合作开发... 查看详情
web前端三大主流框架
...主流框架1、Angular2、React3、Vue其他框架1、miniui2、Layui3、Bootstrap4、MUI5、Backbone.js总结感谢前言把博主使用过的前端框架的都列出来,分享给大家!博主主要开发后端。web前端三大主流框架web前端三大主流框架是Angular、Reac... 查看详情