博客
关于我
强烈建议你试试无所不能的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/

你可能感兴趣的文章
QuaggaJS —— 纯 JavaScript 开发的条形码扫描
查看>>
在图片中加入噪点就能骗过 Google 最顶尖的图像识别 AI
查看>>
免费下载!业界首部安卓热修复宝典出炉,阿里技术大牛联袂推荐
查看>>
OpenID 关联认证提供 CoreOS dex
查看>>
《Node.js区块链开发》一2.2 信用,决定着利益转移的方向
查看>>
Speedy:来自京东的 Docker 镜像存储系统
查看>>
《动手玩转Arduino》——11.2 众多的Arduino板
查看>>
IBM Watson 进入癌症基因组分析市场
查看>>
在 Linux 中查看你的时区
查看>>
Linux集群和自动化维1.6 小结
查看>>
《OpenACC并行编程实战》—— 第1章 并行编程概览 1.1 加速器产品
查看>>
C语言OJ项目参考(2417) 字符串长度
查看>>
ajax的手写、封装和自定义设置
查看>>
class path resource [META-INF/xfire/services.xml] cannot be opened because it does not exist
查看>>
android自定义属性
查看>>
ERROR 1114 (HY000): The table 'table1' is full
查看>>
知乎网友神回复:哪怕是平时聊天吹牛的也没见程序员晒,这是为什么呢?
查看>>
Android实训案例(三)——实现时间轴效果的ListView,加入本地存储,实现恋爱日记的效果!...
查看>>
phalapi-进阶篇2(DI依赖注入和单例模式)
查看>>
MySQL 5.7.5 : GTID_EXECUTED系统表
查看>>