web前端开发框架bootstrap怎么使用

author author     2023-04-25     498

关键词:

方法/步骤
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... 查看详情