博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
UIKIT网页基本结构学习
阅读量:6115 次
发布时间:2019-06-21

本文共 1764 字,大约阅读时间需要 5 分钟。

没办法,哈哈,以后一段时间,如果公司没有招到合适的运维研发,

啥啥都要我一个人先顶上了~~~:)

也好,可以让人成长。

UIKIT,BOOTSTRAP之类的前端,搞一个是有好处的,我们以前即然是用了UIKIT,那我也跟上吧。

以前可以找到中文网站,找个BOTTON之类的,而现在,就从网页的大体结构入手吧。

嘿嘿,UIKIT的官网就是一个好的CASE哈。。

 

以下就是一个典型的大版标签:

<div class="tm-middle">

  <div class="uk-container uk-container-center">
    <div class="uk-grid" data-uk-grid-margin">
      <div class="tm-sidebar uk-width-medium-1-4 uk-hidden-small">

大约第一行,定义网站第一级元素。比如有NAV,TM-MIDDLE,TM-FOOTER之类。

第二行,定义容器及对齐规则。这个容器看来容量大哟,所以仅次于分类框架。

第三行,定义网格,这就到了比较具体的网格风格了,这个好像还有高度对齐的意思,不十分了解。。

第四行,定义10网格的分隔宽度。(1-4,3-4之类的)

 

那么,最后,我测试(抄的)如下:

 

 

转载地址:http://hrpka.baihongyu.com/

你可能感兴趣的文章
CSS3 @media 查询
查看>>
Java(Android)线程池
查看>>
实现iOS7上tableView的切割线像iOS6中的效果
查看>>
http://blog.csdn.net/ouyang_peng/article/details/8732644
查看>>
LeetCode ---LRU Cache
查看>>
对于软件测试行业的观察与反思
查看>>
直接插入排序的哨兵的作用
查看>>
Android--数据库数据显示至屏幕
查看>>
JAVA通信系列二:mina入门总结
查看>>
uC/OS-III 概要
查看>>
Redis连接的客户端(connected_clients)数过高或者不减的问题解决方案
查看>>
RDIFramework.NET ━ .NET快速信息化系统开发框架 V3.2->Web版本新增新的角色授权管理界面效率更高、更规范...
查看>>
windowsclient开发--依据可下载url另存为文件(微信windowsclient这样做的)
查看>>
windows内核编程--头文件包括的奇葩的问题
查看>>
织梦DedeCMS提示信息框的修改,修改ShowMsg方法函数
查看>>
静态函数调用非静态函数的小样例
查看>>
大话设计模式二
查看>>
Android零基础入门第6节:配置优化SDK Manager,正式约会女神
查看>>
QT之设计部件背景色
查看>>
5.15 以测试取代异常
查看>>