Bootstrap框架在响应式Web设计中的应用 被引量：15

1

作者 周萍 赵娜 李慕 《软件导刊》 2017年第6期135-137,共3页

Bootstrap是响应式网页设计的主要前端框架。分析了Bootstrap框架的全局CSS栅格系统容器及断点设置对页面布局自适应能力的影响,并以此为基础设计了能适应多尺寸屏幕及分辨率的响应式网站,实现了移动端与PC端网页显示的一致性。

关键词 Bootstrap框架 栅格系统 响应式设计 HTML5 CSS3

下载PDF 职称材料

基于Bootstrap的响应式网页设计 被引量：13

2

作者 戴维 《电脑编程技巧与维护》 2018年第11期132-133,166,共3页

响应式设计是一种跨终端的网页开发技术,可以针对不同的设备显示出合理的页面,实现一次开发多处适用。对其关键技术媒体查询、弹性盒布局及百分比布局等进行了介绍,并对实现响应式设计的Bootstrap框架及利用Bootstrap框架快速搭建Web项... 响应式设计是一种跨终端的网页开发技术,可以针对不同的设备显示出合理的页面,实现一次开发多处适用。对其关键技术媒体查询、弹性盒布局及百分比布局等进行了介绍,并对实现响应式设计的Bootstrap框架及利用Bootstrap框架快速搭建Web项目进行了描述。 展开更多

关键词 Bootstrap框架 响应式设计 媒体查询 栅格系统

下载PDF 职称材料

基于Bootstrap框架的响应式网站设计 被引量：12

3

作者 张晶晶 曹双双 +2 位作者 杨怡洁 刘玲 蔡梦媛 《电脑知识与技术》 2020年第34期247-248,共2页

随着移动设备的广泛应用,网页必须实现在不同设备上呈现相应的视觉效果。该文在研究响应式网页设计上,结合了Bootstrap框架,开发者可以让网页在不同的设备上都获得最佳的体验。它最大的优势在于响应式布局,对其核心技术媒体查询、弹性... 随着移动设备的广泛应用,网页必须实现在不同设备上呈现相应的视觉效果。该文在研究响应式网页设计上,结合了Bootstrap框架,开发者可以让网页在不同的设备上都获得最佳的体验。它最大的优势在于响应式布局,对其核心技术媒体查询、弹性化和流式布局等进行了相关介绍,并对使用Bootstrap框架搭建WEB项目进行了描述。 展开更多

关键词 BOOTSTRAP 响应式 WEB网页 栅格系统

下载PDF 职称材料

基于Bootstrap和Django框架的Web计算器的设计与实现 被引量：2

4

作者 王玉芬 赵丹丹 《信息与电脑》 2023年第1期143-146,共4页

文章基于使用Bootstrap框架中的按钮和文本框组件快速完成了计算器的界面设计,并实现了响应式布局,使用层叠样式表(Cascading Style Sheets 3,CSS)完成计算器界面的进一步美化,通过JavaScript代码完成了加、减、乘、除四则运算的定义,使... 文章基于使用Bootstrap框架中的按钮和文本框组件快速完成了计算器的界面设计,并实现了响应式布局,使用层叠样式表(Cascading Style Sheets 3,CSS)完成计算器界面的进一步美化,通过JavaScript代码完成了加、减、乘、除四则运算的定义,使用Ajax局部刷新方式提升了前端用户体验。通过这个简单的基于Bootstrap和Django框架的Web计算器实例,详细阐述了一个Python Web项目的构建过程,为进一步学习Python Web项目的开发提供了一个良好的基础。 展开更多

关键词 Bootstrap框架 Django框架 Web计算器 栅格系统 访问路由

下载PDF 职称材料

基于BootStrap+JavaScript语言简易计算器的实现 被引量：5

5

作者 胡雅丽 《太原学院学报（自然科学版）》 2020年第1期73-76,共4页

利用BootStrap框架中栅格系统实现了计算器界面的设计,网页交互脚本技术JavaScript实现了计算器计算操作,完成计数器中加、减、乘、除功能。通过实践,该设计具有强大的实用性,界面简洁,功能合理,给用户提供了很多的便利。

关键词 BOOTSTRAP 栅格系统 JAVASCRIPT 计算器

下载PDF 职称材料

响应式布局中栅格系统和弹性盒子的比较 被引量：4

6

作者 曾祥利 柴炜嘉 《产业与科技论坛》 2015年第20期62-64,共3页

随着互联网的发展,各类终端设备的接入,传统的布局设计受到了严重的考验。为了能满足各种设备的需求,响应式布局应运而生,在众多响应式布局中的不同方法也不断涌现。本文通过对栅格系统和盒子模型的实例对比来展现两种设计的利弊,为如... 随着互联网的发展,各类终端设备的接入,传统的布局设计受到了严重的考验。为了能满足各种设备的需求,响应式布局应运而生,在众多响应式布局中的不同方法也不断涌现。本文通过对栅格系统和盒子模型的实例对比来展现两种设计的利弊,为如何更好地进行响应式布局设计提供参考依据。 展开更多

关键词 响应式布局 栅格系统 弹性盒子

下载PDF 职称材料

自由版式与栅格系统在企业型录设计中的应用 被引量：4

7

作者 秦岁明 周应敦 《包装工程》 CAS CSCD 北大核心 2012年第12期25-28,共4页

面对国内外企业信息化竞争的现状,根据国内外企业型录设计中运用自由版式与栅格系统的实践,以及国内企业型录设计的需要,分析了自由版式与栅格系统在企业型录设计中的对立统一关系、体现的规律性及发展变革性创新趋势,以利于探寻更科学... 面对国内外企业信息化竞争的现状,根据国内外企业型录设计中运用自由版式与栅格系统的实践,以及国内企业型录设计的需要,分析了自由版式与栅格系统在企业型录设计中的对立统一关系、体现的规律性及发展变革性创新趋势,以利于探寻更科学、便捷、有效的版式设计模式,服务于视觉传达设计事业。 展开更多

关键词 自由版式 栅格系统 企业型录 应用

下载PDF 职称材料

栅格系统在书籍装帧设计中的形式构建研究 被引量：4

8

作者 冯蓓蓓 《包装工程》 CAS CSCD 北大核心 2016年第22期71-75,共5页

目的以栅格系统为基线,在栅格系统的形式特点与形式分类的基础上,研究栅格系统在书籍装帧设计中的形式构建。方法从几何比例关系、裴波那契数列、纯文字文本、图文结合4个方面,来阐述栅格系统在书籍装帧设计中的应用。结论栅格系统使书... 目的以栅格系统为基线,在栅格系统的形式特点与形式分类的基础上,研究栅格系统在书籍装帧设计中的形式构建。方法从几何比例关系、裴波那契数列、纯文字文本、图文结合4个方面,来阐述栅格系统在书籍装帧设计中的应用。结论栅格系统使书籍装帧具有版面稳定性、信息组织性和阅读关联性,栅格系统是艺术与技术的统一,将审美与理性融为一体。栅格系统使书籍装帧的版面既协调统一,又有细节变化,使原本的书籍装帧编排形式变得有趣味性、条理性、丰富性、规律性,使读者达到高效阅读的目的。 展开更多

关键词 栅格系统 设计 书籍装帧 形式

下载PDF 职称材料

基于Bootstrap的响应式高校招生网站的开发 被引量：4

9

作者 陶瑜 龚花兰 郭自飞 《沙洲职业工学院学报》 2020年第3期5-7,共3页

根据高校招生网站响应式设计的需求,提出了基于Bootstrap的响应式招生网站的开发,分析了Bootstrap框架技术的优势及其关键的布局工具栅格系统,给出了高校招生网站开发的一些建议。

关键词 响应式设计 BOOTSTRAP 栅格系统

下载PDF 职称材料

栅格系统方法在网页界面设计中的应用研究 被引量：3

10

作者 赵彦杰 陆冕 《包装工程》 CAS 北大核心 2019年第18期95-100,107,共7页

目的研究栅格系统方法在网页界面设计中的发展现状、应用范式及创新途径。方法从网页界面设计的特点与规律出发,分析其作为一种视觉传达媒介在交互方式与设计流程上的特性,研究栅格系统方法的基本原理及其在网页界面设计中的重要作用,... 目的研究栅格系统方法在网页界面设计中的发展现状、应用范式及创新途径。方法从网页界面设计的特点与规律出发,分析其作为一种视觉传达媒介在交互方式与设计流程上的特性,研究栅格系统方法的基本原理及其在网页界面设计中的重要作用,结合对栅格系统发展现状与应用范式的归纳分析,探讨其在网页界面设计中的创新途径与发展方向。结论栅格系统本质上是一种可以数学描述的界面设计方法,能够指导网页元素的布局与信息内容的组织传达,有效提升网页产品的用户体验。信息技术软硬件的发展对网页界面设计提出了新的要求,可以从典型栅格系统的扩展应用、响应式网页设计方法的推广完善等方向探索创新。同时,栅格系统方法能够从非结构化数据的处理、学习模型建立等方面,推动人工智能技术在设计领域内的应用。 展开更多

关键词 栅格系统 网页界面设计 用户体验 响应式网页设计 人工智能

下载PDF 职称材料

基于Bootstrap的网页计算器的设计与实现 被引量：1

11

作者 李文文 《电脑知识与技术》 2022年第26期28-31,共4页

Bootstrap是一种Web前端开源框架,文章在Bootstrap框架下使用栅格系统布局网页计算器的界面,使用交互式脚本语言JavaScript实现计算器加、减、乘、除连续运算的功能,并给出了HTML和JavaScript的实现代码。

关键词 BOOTSTRAP 计算器 连续计算 JAVASCRIPT 栅格系统

下载PDF 职称材料

响应式网页设计中栅格系统的构建方法研究 被引量：2

12

作者 刘申 《信息与电脑》 2021年第9期159-161,共3页

随着电子设备屏幕尺寸的丰富变化,响应式网页设计也成为常态,栅格系统的建立让响应式布局变得更加合理.网页栅格系统从平面设计的栅格系统中发展而来,以规则的网格阵列来规范网页中的版面布局和信息分布.本文从栅格系统的构建基础出发,... 随着电子设备屏幕尺寸的丰富变化,响应式网页设计也成为常态,栅格系统的建立让响应式布局变得更加合理.网页栅格系统从平面设计的栅格系统中发展而来,以规则的网格阵列来规范网页中的版面布局和信息分布.本文从栅格系统的构建基础出发,结合响应式设计的特点,探讨栅格系统在网页设计中的可用性构建方法,以实现提高设计效率、降低项目成本以及保持页面美观的目的. 展开更多

关键词 响应式设计 栅格系统 网页设计

下载PDF 职称材料

流动空间视角下智慧空间的信息设计

13

作者 潘雨沛 《设计》 2022年第23期59-61,共3页

为探究数字时代智慧空间中所包含的信息流对原始物理空间的影响,并找寻出削减信息熵,优化空间信息秩序的方法。重点分析了智慧座舱这一热门的智慧空间中的信息流在功能与情感方面对原始空间的影响情况,得到了智慧空间的用户功能情感四分... 为探究数字时代智慧空间中所包含的信息流对原始物理空间的影响,并找寻出削减信息熵,优化空间信息秩序的方法。重点分析了智慧座舱这一热门的智慧空间中的信息流在功能与情感方面对原始空间的影响情况,得到了智慧空间的用户功能情感四分图,通过该图可为智慧空间的信息设计提供指参考,并引入栅格系统作为增强智慧空间信息秩序性的方法。 展开更多

关键词 智慧空间 流动空间 信息熵 用户体验 信息设计 栅格系统

下载PDF 职称材料

基于Bootstrap4的网站向Bootstrap5的迁移

14

作者 赵丙秀 《电脑编程技巧与维护》 2022年第10期167-169,共3页

Web前端框架Bootstrap5正式版于2021年5月发布,保留了Bootstrap4中大部分的组件,也新增部分工具和组件。主要介绍了Bootstrap4和最新版Bootstrap5的差别,阐述了基于Bootstrap4的网站向Bootstrap5进行迁移升级。

关键词 Bootstrap框架 迁移 栅格系统

下载PDF 职称材料

基于BootStrap的销售类网站设计 被引量：1

15

作者 卫培培 王建 《信息通信》 2017年第1期91-92,共2页

随着网络技术的不断发展,各种移动设备广泛使用,电商也随之发展的如火如荼。Web前端就成为影响电商发展的一个关键因素,为此研究了前端框架Boot Strap,文章就基于Boot Strap来对销售类网站的设计进行分析。

关键词 销售网站 BOOT STRAP 栅格系统

下载PDF 职称材料

栅格系统在包装文字编排设计中的应用研究

16

作者 欧阳丽 《包装世界》 2010年第A2期62-63,共2页

通过分析栅格系统的基本理论特征,让其成为包装文字编排设计的坚实依据。结合具体的包装案例,分别从栅格系统与包装文字编排设计的联系、对包装文字编排设计产生的影响及拓宽包装文字编排设计的发展空间这三个方面进行应用研究。研究过... 通过分析栅格系统的基本理论特征,让其成为包装文字编排设计的坚实依据。结合具体的包装案例,分别从栅格系统与包装文字编排设计的联系、对包装文字编排设计产生的影响及拓宽包装文字编排设计的发展空间这三个方面进行应用研究。研究过程中发现二者的完美结合,更有利于提升商品的品牌形象和促销商品,并让栅格系统在包装文字编排设计中的价值与意义得到真正体现。 展开更多

关键词 栅格系统 包装文字编排设计 整体构成 秩序美感

下载PDF 职称材料

高校门户网站响应式设计方法与实践

17

作者 潘红玉 刘博夫 《科教文汇》 2019年第36期120-121,共2页

本文讨论了网站响应式设计的需求及关键实现技术,阐述了媒体查询、流式布局、弹性图片与弹性盒子等技术要点,分析了框架技术的优势及其关键的布局工具栅格系统,并给出了高校门户网站设计实践中的一些经验与认识。

关键词 响应式设计 框架技术 栅格系统

下载PDF 职称材料

现代设计中的栅格系统

18

作者 周凯 《商情》 2009年第30期109-110,共2页

栅格系统是一种对版面进行有效布局的系统,是一种对页面风格进行规划的方法，在平面设计中扮演着举足轻重的角色，对当代平面设计的发展起着重要的促进作用。本文回溯了栅格系统的历史及现状，并尝试探讨其对中国当代平面设计的推动作用。

关键词 栅格系统 版式设计 功能

下载PDF 职称材料

流行网页设计的分析

19

作者 滕浩群 《科教文汇》 2009年第16期253-253,263,共2页

网络出现到现在对我们的生活带来了巨大的影响,其中改变最大的恐怕要数全世界的艺术设计家们了。来到21世纪,网页设计也产生了更多的变化,这其中出现了很多很好的设计作品,并且设计理论家们将这些设计理念总结出了网页设计的目的,以用... 网络出现到现在对我们的生活带来了巨大的影响,其中改变最大的恐怕要数全世界的艺术设计家们了。来到21世纪,网页设计也产生了更多的变化,这其中出现了很多很好的设计作品,并且设计理论家们将这些设计理念总结出了网页设计的目的,以用户和浏览者为中心来设计你的网站、网页。让网页设计师们遵循这一目的来设计出更好的网页作品。近2年,由于网络技术和Flash等软件技术的更新的发展,也出现了新的网页设计理念和设计风格,我们这里就来分析一下这些设计的特点。 展开更多

关键词 网页栅格系统 RIA设计 网页重构

下载PDF 职称材料

浅析以内容为主的栅格化界面设计 被引量：2

20

作者 梁辉 闫宝华 熊传鹏 《科技创新导报》 2013年第20期240-240,共1页

随着互联网与计算机科学的发展与演进,数字化界面已经融入人们的生活,改变着我们的生活方式、工作方式甚至是思维方式。而传统的家电产品也正在从以功能为主体的界面正在向以内容聚合为主界面转变,然而在信息爆炸的今天,如何快速有效地... 随着互联网与计算机科学的发展与演进,数字化界面已经融入人们的生活,改变着我们的生活方式、工作方式甚至是思维方式。而传统的家电产品也正在从以功能为主体的界面正在向以内容聚合为主界面转变,然而在信息爆炸的今天,如何快速有效地给用户传递信息成为了界面设计持续不断的研究的课题,栅格系统的特点是重视比例、秩序、连续感和现代感。以及对存在于界面上的元素进行规划、组合、保持平衡或者打破平衡,以便让信息可以更快速、更便捷、更系统和更有效率的读取。 展开更多

关键词 栅格系统 界面设计 互联网 内容服务

下载PDF 职称材料