search

Home  >  Article  >  Web Front-end  >  Is bootstrap a technology or a framework?

Is bootstrap a technology or a framework?

青灯夜游
青灯夜游Original
2021-11-05 13:56:232378browse

bootstrap is a framework. Bootstrap is a front-end framework for rapid development of web applications and websites. It is a framework developed based on HTML, JavaScript and CSS. It is mainly used for the structure and layout of responsive websites.

Is bootstrap a technology or a framework?

The operating environment of this tutorial: Windows7 system, bootsrap3.3.7 version, DELL G3 computer

Bootstrap is a web application used for rapid development The front-end framework of the website is a framework developed based on HTML, JavaScript, and CSS. It is mainly used for the structure and layout of responsive websites.

The emergence of Bootstrap is mainly to simplify the work of web workers, which also includes dynamic adjustments in JavaScript.

Benefits of Bootstrap

  • Mobile-first: As of Bootstrap 3, the framework includes mobile-first styles throughout the entire library.

  • Browser support: All major browsers support Bootstrap.

  • Easy to get started: As long as you have basic knowledge of HTML and CSS, you can start learning Bootstrap.

  • Responsive design: Bootstrap’s responsive CSS can adapt to desktops, tablets, and mobile phones.

  • It provides a concise and unified solution for developers to create interfaces.

  • It contains powerful built-in components and is easy to customize.

  • It also offers web-based customization.

  • It is open source.

If you need to display text on a website, right? If you write it yourself, you need to write a lot of code, but if you use the bootstrap framework to write it, you only need to write the HTML tags. Then just call the class name! The code is shown as follows: 

<!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>

The effect is as follows:

Is bootstrap a technology or a framework?

It can be seen that:

  • Use the style it provides Quickly write websites with components

  • You only need to reference some defined classes, that is, class names, to create web pages that already have very beautiful styles, and support adaptive. It's a very good framework.

In short: you only need to understand the meaning of the relevant classes, tag names, etc., and then when building the page, import bootstrap's JS, css, etc., and it will It will show the corresponding effect.

Recommended study: "bootstrap usage tutorial"

The above is the detailed content of Is bootstrap a technology or a framework?. For more information, please follow other related articles on the PHP Chinese website!

JavaScript css bootstrap html 前端框架 接口 class JS
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：What is the JavaScript multiline comment symbol?Next article：What is the JavaScript multiline comment symbol?

Related articles

See more