2024年6月21日发(作者：)

2021

年第

4

期

信

I

■与电

IB

China

Computer

&

Communication

针算机工程龛用就木

Bootstrap

框架技术在

WEB

开发中的应用优势

王有铭邵祎啥

(金华职业学院

，浙江金华

321000)

摘

要

：

随着移动设备技术的不断进步

，

对

WEB

开发提出了更高的要求

，

不仅需要更人性化的设计理念

，

还需要为

用户带来更好的体验.而

Bootstrap

框架技术是当前最受欢迎

、

响应最好的

Web

前端框架之一，

可以帮助用户更快

、

更

好地实现一些现代化的界面

。

基于此

，

笔者重点

WT

Bootstrap

框架技术在

WEB

开发中的应用优势

。

关键词

：

移动设备

；

WEB

页面

；

Bootstrap;

前端框架

中图分类号

：

TP393.

09

文献标识码

：

A

文章编号

：

1003-9767

(2021)

04-031-03

Application

Advantages

of

Bootstrap

Framework

Technology

in

Web

Development

WANG

Youming,

SHAO

Yihan

(Jinhua

Polytechnic,

Jinhua

Zhejiang

321000,

China)

Abstract

：

With

the

continuous

advancement

of

mobile

device

technology,

higher

requirements

are

put

forward

for

WEB

development,

which

not

only

requires

a

more

humane

design

concept,

but

also

needs

to

bring

a

better

experience

to

users.

The

Bootstrap

framework

technology

is

currently

one

of

the

most

popular,

stable

and

responsive

web

front-end

frameworks,

which

can

help

users

realize

some

modern

interfaces

faster

and

better.

Based

on

this,

the

author

focused

on

the

application

advantages

of

Bootstrap

framework

technology

in

WEB

development.

Keywords:

mobile

device;

WEB

page;

Bootstrap;

front

end

framework

0

引言

自

2011

年以来

，

Bootstrap

经过多次技术优化

，

深受开

项十分复杂且耗时的工作

，

构建完网页框架后需要用

CSS

技

术对每一模块进行美化

。

div

承载的是内容，

而

CSS

承载的是

样式

。

发者的青睐

，

通过使用

Bootstrap

能够在几分钟内设计一个功

能齐全

、

有吸引力的前端页面

，

即使是一个只具备

HTML

和

2.2

div+css

框架技术的缺陷

首先

，

基于

div+css

框架制作的页面十分复杂

，

css

文件

一些

css

基础知识的初学者也能够轻易上手

。

1

Bootstrap

框架技术概述

错误将影响整个网站的正常浏览

，

甚至会造成整个网站崩溃

，

如果

css

文件调用出现异常，则需要耗费大量精力修改相应

的代码

。

其次

，

利用

div+css

框架技术调试浏览器的兼容性

Bootstrap

拥有详尽的说明文档

，

已经更新到

4.0

版本

，

文件更小

,

从

less

切换到

sass

,

重新调整了卡片式

UI

布局模式

,

在一定程度上提高了框架的性能

。

Bootstrap

是

css

、

html

、

对开发人员要求较高

，

而利用

Bootstrap

就能很好地解决该

问题

。

javascript

等相关知识的融合

，

借助栅格系统能够省去调试浏

览器兼容性的时间

，

同时开发的网页也可在

PC

、

手机移动设

备上正常显示

。

3

Bootstrap在

WEB

页面开发中的突出优势

Bootstrap

发布的

4.0

版本

[1]

,

紧跟最新的

WEB

技术发

展趋势

，

更新了

box-flex

布局

，

能够满足不同用户的需求

。

随着手机

、

平板设备的快速发展

，

为了适应不同设备的显示

2

div+css

框架技术介绍及缺陷

2.1

div+css

框架技术

效果

，

防止网页在不同浏览器上不能正常显示

，

响应式的网

div

就像一个容器能够将网页分割成不同的部分，

是一

页开发布局必不可少

。利用

Bootstrap

的栅格系统和响应式布

作者简介

：

王有铭

(1995-)

,

男

，

山东烟台人

，

硕士研究生

，

助教

。

研究方向

：

隐私保护

。

邵祎皓

(

1994

—

),

男

，

河北秦皇岛人

，

硕士研究生

，

助教

。

研究方向

：

中国哲学

。

31

针尊机工程矯用技术

信恵与电脑

China

Computer

&

Communication

2021

年第

4

期

局能很好地解决网页兼容性问题

[2

'

3]

,大大减少了开发者的工

作量

，

让开发者有更多的精力着力于美化网页

，提升用户的

体验。

Bootstrap

有大量的组件样式

，

接受定制

，规范了名称

color:

lavender;

">

内容

3