首页 > 文章 > web前端 > bootstrap是技术还是框架？

bootstrap是技术还是框架？

青灯夜游原创: 2021-11-05 13:56:232368浏览

bootstrap是框架。Bootstrap是一个用于快速开发Web应用程序和网站的前端框架，是基于html、JavaScript和css三者开发的框架，主要用于响应式网站上的结构和布局。

bootstrap是技术还是框架？

本教程操作环境：Windows7系统、bootsrap3.3.7版、DELL G3电脑

Bootstrap是一个用于快速开发Web应用程序和网站的前端框架，是基于html和JavaScript、css三者开发的框架，主要用于响应式网站上的结构和布局。

Bootstrap的出现主要是简化Web工作者的工作，其中还包括对JavaScript中的动态调整。

Bootstrap的优势

移动设备优先：自 Bootstrap 3 起，框架包含了贯穿于整个库的移动设备优先的样式。
浏览器支持：所有的主流浏览器都支持 Bootstrap。
容易上手：只要您具备 HTML 和 CSS 的基础知识，您就可以开始学习 Bootstrap。
响应式设计：Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。
它为开发人员创建接口提供了一个简洁统一的解决方案。
它包含了功能强大的内置组件，易于定制。
它还提供了基于 Web 的定制。
它是开源的。

如果你需要做一个网站的文本显示对吧，你自己写的话你需要写很多代码，但是如果你使用bootstrap框架来写的话，只需要写好HTML标签然后调用类名就可以了！代码展示如下：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>Bootstrap 实例 - 强调</title>
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
 
<small>本行内容是在标签内</small><br>
<strong>本行内容是在标签内</strong><br>
<em>本行内容是在标签内，并呈现为斜体</em><br>
<p class="text-left">向左对齐文本</p>
<p class="text-center">居中对齐文本</p>
<p class="text-right">向右对齐文本</p>
<p class="text-muted">本行内容是减弱的</p>
<p class="text-primary">本行内容带有一个 primary class</p>
<p class="text-success">本行内容带有一个 success class</p>
<p class="text-info">本行内容带有一个 info class</p>
<p class="text-warning">本行内容带有一个 warning class</p>
<p class="text-danger">本行内容带有一个 danger class</p>
 
</body>
</html>

效果如下：

可以看出：

用它提供的样式和组件快速写网站
你只需要引用一些定义好的类，也就是class名字，就可以创建出已经有非常漂亮的样式的网页，而且支持自适应，是一个很不错的框架。

简而言之：你只需要了解相关的class、标签名称等所代表的意思，然后在构建页面的时候，导入bootstrap的JS、css等，它就会去表现相应的效果出来。

推荐学习：《bootstrap使用教程》

以上是bootstrap是技术还是框架？的详细内容。更多信息请关注PHP中文网其他相关文章！

JavaScript css bootstrap html 前端框架接口 class JS

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：JavaScript多行注释符号是什么下一篇：js与bootstrap的区别是什么

查看更多