收藏此站 联系我们 网站
当前位置:首页» 行业网站案例 » 【建站服务】金湖网络公司-域名申请

【建站服务】金湖网络公司-域名申请

作者: 风兰 . 阅读量: 3 . 发表时间:2022-09-20 21:55:35

网站建设

上往建站提供服务器空间服务商百度快照排名网站托管百度推广运营,致力于设计外包服务与源代码定制开发360推广搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营:网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务,专业团队服务,效果好。


金湖网络公司

网站建设.png

地势西高东低,北部、东部、南部是湖荡相间的湖积平原,约占陆地面积73%,地面真高在9.6米~5.5米之间;西南部为缓坡丘陵,约占陆地面积27%,地面真高在35.4米~5.5米之间。 [12] 

气候特征

金湖属亚热带温润季风气候带,四季分明,气候温和,光、热、水资源均较丰富。
气温:年平均温度14.6℃。极端最高气温36.9℃,出现在7月中旬;极端最低气温-7.5℃,出现在12月下旬到1月上旬。日最高气温大于35℃的高温日数为5天左右,出现在7、8两月。四季年平均气温:冬季为2.2℃,春季为13.8℃,夏季为26.1℃,秋季为16.1℃。
降水:年均降水量1085毫米。全年降水日数110天左右,最长连续降水日数10天左右,最长连续无降水日数25天左右。四季年平均降水量;冬季为76.3毫米,春季为206.5毫米,夏季为531.5毫米,秋季为179.3毫米。
日照:年均日照总时数2183小时。四季年平均日照时数:冬季468.8小时,春季为537.3小时,夏季为603.5小时,秋季为529小时。 [13] 

Bootstrap5 网格系统

Bootstrap 提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多 12 列。

我们也可以根据自己的需要,定义列数:

111111111111
444
48
66
12

Bootstrap 5 的网格系统是响应式的,列会根据屏幕大小自动重新排列。

请确保每一行中列的总和等于或小于 12。


网格类

Bootstrap 5 网格系统有以下 6 个类:

  • .col- 针对所有设备。

  • .col-sm- 平板 - 屏幕宽度等于或大于 576px。

  • .col-md- 桌面显示器 - 屏幕宽度等于或大于 768px。

  • .col-lg- 大桌面显示器 - 屏幕宽度等于或大于 992px。

  • .col-xl- 特大桌面显示器 - 屏幕宽度等于或大于 1200px。

  • .col-xxl- 超大桌面显示器 - 屏幕宽度等于或大于 1400px。

网格系统规则

Bootstrap5 网格系统规则:

  • 网格每一行需要放在设置了 .container (固定宽度) 或 .container-fluid (全屏宽度) 类的容器中,这样就可以自动设置一些外边距与内边距。

  • 使用行来创建水平的列组。

  • 内容需要放置在列中,并且只有列可以是行的直接子节点。

  • 预定义的类如 .row 和 .col-sm-4 可用于快速制作网格布局。

  • 列通过填充创建列内容之间的间隙。 这个间隙是通过 .rows 类上的负边距设置第一行和最后一列的偏移。

  • 网格列是通过跨越指定的 12 个列来创建。 例如,设置三个相等的列,需要使用三个 .col-sm-4 来设置。

  • Bootstrap 5 和 Bootstrap 4 使用 flexbox(弹性盒子) 而不是浮动。 Flexbox 的一大优势是,没有指定宽度的网格列将自动设置为等宽与等高列 。 如果您想了解有关 Flexbox 的更多信息,可以阅读我们的 CSS Flexbox 教程 。

下表总结了 Bootstrap 网格系统如何在不同设备上工作的:


超小设备
<576px
平板
≥576px
桌面显示器
≥768px
大桌面显示器
≥992px
特大桌面显示器
≥1200px
超大桌面显示器
≥1400px
容器最大宽度None (auto)540px720px960px1140px1320px
类前缀.col-.col-sm-.col-md-.col-lg-.col-xl-.col-xxl-
列数量和12
间隙宽度1.5rem (一个列的每边分别 .75rem)
可嵌套Yes
列排序Yes

我们将上述的类组合使用,从而创建更灵活的页面布局。

提示:每个类都是按比例放大的,所以如果你想设置 sm 和 md 具有相同的宽度,你只需要指定 sm 即可。


Bootstrap 5 网格的基本结构

以下代码为 Bootstrap 5 网格的基本结构:

Bootstrap5 网格基本结构

<!-- 第一个例子:控制列的宽度及在不同的设备上如何显示 --><div class="row">  <div class="col-*-*"></div></div><div class="row">  <div class="col-*-*"></div>  <div class="col-*-*"></div>  <div class="col-*-*"></div></div> <!-- 第二个例子:或让 Bootstrap 者自动处理布局 --><div class="row">  <div class="col"></div>  <div class="col"></div>  <div class="col"></div></div>

第一个例子:创建一行(<div class="row">)。然后, 添加需要的列( .col-*-* 类中设置)。 第一个星号 (*) 表示响应的设备: sm, md, lg 或 xl, 第二个星号 (*) 表示一个数字, 同一行的数字相加为 12。

第二个例子: 不在每个 col 上添加数字,让 bootstrap 自动处理布局,同一行的每个列宽度相等: 两个 "col" ,每个就为 50% 的宽度。三个 "col"每个就为 33.33% 的宽度,四个 "col"每个就为 25% 的宽度,以此类推。同样,你可以使用 .col-sm|md|lg|xl 来设置列的响应规则。

接下来我们可以看看实例。


金湖网络公司



上往建站提供搭建网站域名注册官网备案服务网店详情页设计企业网店专业网络店铺管理运营全托管公司咨询电话,服务器空间,微信公众号托管网页美工排版,致力于域名申请竞价托管软文推广全网营销,提供标准级专业技术保障,了却后顾之忧,主营:虚拟主机网站推广百度竞价托管网站建设上网建站推广服务网络公司有哪些等业务,专业团队服务,效果好。

服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)


关键词:网站建设,企业网站,网站制作,网页设计,高端网站建设,企业网站制作,网页制作,制作网站,网站设计,高端网页设计,高端网站设计,做网站,自适应网站

全国服务热线
18114747181
二维码
手机端二维码
上往建站
地址:全国各地都有驻点商务 |  网站建设上往建站
在线咨询QQ:1120768800
 
QQ在线咨询
售前咨询热线
18114747181
营销顾问
营销顾问
售后服务热线
400-000-1116
售后服务
售后服务