伊川网站制作要多少钱【域名企业邮箱服务器注册申请办理】伊川网络优化公司哪家好、伊川软件开发外包价格、伊川高端企业网站页面制作设计专业公司、伊川微信公众号小程序购物支付搭建制作公司

发表日期： 2021-05-07 15:28:15 浏览次数：56

伊川县位于河南省，北依十三朝 [1] 古都洛阳，南与嵩县一衣带水，西与宜阳县接壤 [2] 。伊川县地处豫西浅山丘陵区，现辖辖12镇1乡2个街道办事处，359个行政村10个城市社区，1个省级产业集聚区，总面积1243平方千米， [3] 总人口85万人 [4] ，是省委、省政府确定的23个首批对外开放重点县、35个扩权县之一。

伊川县先后荣获全国科技工作先进县、全国残疾人工作先进县、国家级生态示范区建设先进县、河南省省县域经济发展先进县、河南省红旗渠精神杯、省级双拥模范县、河南省老龄工作先进县、省级园林县等荣誉称号，被省政府确定为全省首批对外开放重点县。 [5]

2019年5月9日，经省级专项评估检查，达到脱贫摘帽标准，正式退出贫困县序列。 [6] 2020年7月29日，入选2019年重新确认国家卫生乡镇（县城）名单。 [7]

2019年，伊川县实现地区生产总值419.6亿元，比上年增长8.2%；完成财政一般预算收入24.2亿元，增长8.1%；社会消费品零售总额240.4亿元，增长11.1%，综合实力位列中部县域经济百强第42位。 [8]

第一章 BootStrap

1.1 概述

BootStrap：一个前端开发的框架，基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷

框架：一个半成品的软件，开发人员可以在框架的基础上进行开发，简化编码

好处

定义了很多的css样式和js插件。我们开发人员可以直接使用这些样式和插件得到丰富的页面效果

响应式布局

1.2 快速入门

下载bootstrap

在项目中引入

创建html页面，，引入必要的资源文件

代码如下

<!doctype html>

<html>

<head>

<title>Hello BootStrap</title>

</head>

<body>

<h1>Hello BootStrap!</h1>

</body>

</html>

1.2 栅栏系统布局

栅栏系统：将一行平均分为12个格子，可以指定元素占几个格子

步骤

定义容器（相当于定义一个table）

容器分类

container : 左右两侧都有一定的宽度留白 (看下面的图片)

contain-fluid : 在每一种设备上面都是100%宽度显示

定义行（相当于tr）样式： row

定义元素（相当于td），指定该元素在不同的设备上，占用的格子的数目样式：col-设备代号-格子数目

超小屏幕手机 (<768px)：.col-xs-

小屏幕平板 (≥768px)：.col-sm-

中等屏幕桌面显示器 (≥992px)： .col-md-

大屏幕大桌面显示器 (≥1200px)：.col-lg-

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7VselSzf-1620217558602)(C:\Users\CUMT_CJY\Desktop\Web\note\images[JavaScript] BootStrap框架\1.png)]

代码如下

<!doctype html>

<html>

<head>

<title>Hello BootStrap</title>

<style>

[inner] {

border: 1px solid hotpink;

text-align: center;

}

</style>

</head>

<body>

<div>

<div>

</div>

</div>

</body>

</html>

注意

我们定义元素的时候 col-lg-XX这个xx超过12之后的所有数都会按照12来处理

栅格的类属性可以向上兼容.栅栏类适用于与屏幕宽度大于或等于分界点大小的设备 (例如: 我们在使用大屏幕设备的时候,没有lg,就使用sm的栅栏设置 )

但是不会向下兼容 , (假如我们只定义了大屏幕的栅栏,那么我们在手机,平板上面看,这些盒子默认的宽度都会一个盒子占一行)

1.3 CSS样式和JS插件

1.3.1 全局css样式

链接 : 全局 CSS 样式 · Bootstrap v3 中文文档 | Bootstrap 中文网 (bootcss.com)

按钮

<button type="button" class="btn btn-default">（默认样式）Default</button>

<button type="button" class="btn btn-primary">（首选项）Primary</button>

<button type="button" class="btn btn-success">（成功）Success</button>

<button type="button" class="btn btn-warning">（警告）Warning</button>

<button type="button" class="btn btn-danger">（危险）Danger</button>

使用 .btn-lg、.btn-sm 或 .btn-xs 就可以获得不同尺寸的按钮。

当按钮处于激活状态时，其表现为被按压下去（底色更深、边框夜色更深、向内投射阴影）。对于 <button> 元素，是通过 :active 状态实现的。对于 <a> 元素，是通过 .active 类实现的。然而，你还可以将 .active 应用到 <button> 上（包含 aria-pressed="true" 属性)），并通过编程的方式使其处于激活状态。

为基于 <a> 元素创建的按钮添加 .disabled 类。为 <button> 元素添加 disabled 属性，使其表现出禁用状态。

图片

响应式图片: 通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%;、 height: auto; 和 display: block; 属性，从而让图片在其父元素中更好的缩放。

图片形状:

表格

看文档

表单

看文档

1.3.2 组件

导航条

看文档

<!doctype html>

<html>

<head>

<title>Hello BootStrap</title>

<style>

</style>

</head>

<body>

<div>

<div>

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"

data-target="#bs-example-navbar-collapse-1" aria-expanded="false">

<span>Toggle navigation</span>

</button>

<a href="#">Brand</a>

</div>

<li><a href="#">Link <span>(current)</span></a></li>

<li>

<a href="#" data-toggle="dropdown" role="button" aria-haspopup="true"

aria-expanded="false">Dropdown <span></span></a>

<ul>

<li><a href="#">Action</a></li>

<li><a href="#">Another action</a></li>

<li><a href="#">Something else here</a></li>

<li><a href="#">Separated link</a></li>

<li><a href="#">One more separated link</a></li>

</ul>

</li>

</ul>

<div>

</div>

<button type="submit" class="btn btn-default">Submit</button>

</form>

<li>

<a href="#" data-toggle="dropdown" role="button" aria-haspopup="true"

aria-expanded="false">Dropdown <span></span></a>

<ul>

<li><a href="#">Action</a></li>

<li><a href="#">Another action</a></li>

<li><a href="#">Something else here</a></li>

<li><a href="#">Separated link</a></li>

</ul>

</li>

</ul>

</div>

</div>

</nav>

</body>

</html>

分页条

看文档

<ul>

<li>

</a>

</li>

<li>

</a>

</li>

</ul>

</nav>

微信图片_20210425092605.jpg

上一页：伊川网络公司哪家好【伊川企业网站百度SEO推广公司】伊川做网站开发价格、伊川淘宝店铺开店装修设计运营、公司网站制作方案流程改版维护费用、伊川高端企业网站页面制作设计专业公司需要多少钱

下一页：伊川400电话申请开通【伊川企业网站建设】伊川微信公众号小程序开发运营价格、伊川微信公众号APP软件客户端设计运营、伊川网页页面设计公司费用、伊川公司网站制作方案流程改版维护大概需要多少钱