为了账号安全,请及时绑定邮箱和手机立即绑定

什么是Bootstrap网格系统

什么是Bootstrap网格系统

GCT1015 2019-06-29 03:02:33
什么是Bootstrap网格系统
查看完整描述

2 回答

?
幕布斯7119047

TA贡献1794条经验 获得超8个赞

正如您可能知道的,在图形设计中,网格系统是一个二维结构,由水平轴和垂直轴相交的区域组成,用于构建内容。它被广泛应用于平面设计的设计布局和内容结构。在网页设计中,它是一种通过使用 HTML 和 CSS 来快速有效地创建一致的布局的非常有效的方法。因此,网格系统已经成为网页设计的框架或工作流程的一个重要的组件/模块。   简单的说,在网页设计中,我们使用 HTML 和 CSS 创建行和列来实现一个网格。且列中包含了实际内容。   自版本 2.3.2 起,Bootstrap 提供了两种类型的网格。默认的网格系统是 940px 宽和 12 列。您可以添加响应式的样式表让它随着呈现的视口调整宽度为 724px 和 1170px。   这里还设有一个流动网格系统,它是基于百分比的,而不是基于像素的。且可被扩展为像默认固定网格一样具有响应性。在本教程中我们将通过一些实例来讨论默认网格,流动网格系统将在另一个单独的教程进行讲解。      从默认网格入门   让我们先从一个基本的 HTML 开始,看看如何在上面应用默认网格。         <!DOCTYPE html>   <html>   <head>   <title>Fixed layout example with Bootstrap</title>   <meta name="viewport" content="width=...




查看完整回答
反对 回复 2019-06-30
?
素胚勾勒不出你

TA贡献1827条经验 获得超9个赞

正如您可能知道的,在图形设计中,网格系统是一个二维结构,由水平轴和垂直轴相交的区域组成,用于构建内容。它被广泛应用于平面设计的设计布局和内容结构。在网页设计中,它是一种通过使用 HTML 和 CSS 来快速有效地创建一致的布局的非常有效的方法。因此,网格系统已经成为网页设计的框架或工作流程的一个重要的组件/模块。   简单的说,在网页设计中,我们使用 HTML 和 CSS 创建行和列来实现一个网格。且列中包含了实际内容。   自版本 2.3.2 起,Bootstrap 提供了两种类型的网格。默认的网格系统是 940px 宽和 12 列。您可以添加响应式的样式表让它随着呈现的视口调整宽度为 724px 和 1170px。   这里还设有一个流动网格系统,它是基于百分比的,而不是基于像素的。且可被扩展为像默认固定网格一样具有响应性。在本教程中我们将通过一些实例来讨论默认网格,流动网格系统将在另一个单独的教程进行讲解。      从默认网格入门   让我们先从一个基本的 HTML 开始,看看如何在上面应用默认网格。         <!DOCTYPE html>   <html>   <head>   <title>Fixed layout example with Bootstrap</title>   <meta name="viewport" content="width=...





查看完整回答
反对 回复 2019-06-30
  • 2 回答
  • 0 关注
  • 789 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信