前端之家收集整理的这篇文章主要介绍了
使用Bootstrap框架制作查询页面的界面实例代码,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
以Bootstrap框架来进行设计和开发,是目前国际上比较流行的一个趋势。很多软件公司在优化新产品时,因为其在js和控件上的综合优势,会选用这个开发框架。
Bootstrap框架是一个前端UI设计的框架,它提供了统一的UI界面,简化了设计界面UI的过程(缺点是定制了界面,调整的余地不是太大)。尤其是现在的响应时布局(我的理解是页面根据不同的分辨率,采用不同的页面元素的布局),在Bootstrap中很好的支持了,只要简单设置了属性,就能自动实现响应时布局,大大简化了程序员的界面的过程。
因此,本人用Bootstrap框架实现了如下的界面,虽然简单,但也不凡(真要自己实现的话,不知要猴年马月了)
整个页面分为几个部分,分别用Bootstrap官网上的示例代码实现,最终拼成一个页面。各部分示意如下图所示
接下来依次讲解各个部分的代码
首先,构造空白页面,代码如下:
<
Meta charset="utf-8">
<
Meta http-equiv="X-UA-Compatible" content="IE=edge">
<
Meta name="viewport" content="width=device-width,initial-scale=1.0">
<
Meta name="description" content="">
<
Meta name="author" content="">
职业技能考证分数查询(Bootstrap)
注意!
本站
查询的分数来源于12333官网,详情请到官网咨询
注意!
没有查到成绩,请检查身份证号码和科目后,再次
查询
|