UI-kit列表学习记录

UI-kit干嘛的?

快速构建前端页面

怎么用?

以列表为例?实现如下让列表隔行有不同的颜色

image.png

代码

<!DOCTYPE html>
<html>
<link rel="stylesheet" href="//cdn.bootcss.com/uikit/2.25.0/css/uikit.css" />
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js">
</script>
<script src="//cdn.bootcss.com/uikit/2.25.0/js/uikit.js"></script>
<body>
<ul class="uk-list-striped">
    <li>first</li>
    <li>two</li>
    <li>second</li>
</ul>
    </body>
</html>

只需要给ul添加一个uk-list-striped的类就行了,这个是uikit内置的类。其他的和一般的写html文件是一模一样的。

参考

UIkit中文网
列表 - UIkit 中文文档

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容