求 mui css class 相关的介绍，比如如何做布局，常用的css class 的含义，以及使用

分类：MUI

刚开始准备学习mui ,界面开发，发现css 相关的介绍只有几个组件，基础的比如布局，常用class 使用，都没有说明。

2015-05-26 14:52 负责人:无分享

6 个回复

逍涯

没有相关内容，只能看DEMO

Danny - QQ125904483

貌似MUI的css还是怪简单，很基础的

踩着单车载着猪

其实最主要的还是缺了栅格系统，其他看mui示例没什么难的，直接搬～

极数MSS

有栅格系统，MUI里面使用的十二列的栅格系统。

类名:

mui-row

mui-col-xs-1 mui-col-xs-2 mui-col-xs-3 mui-col-xs-4

mui-col-xs-5 mui-col-xs-6 mui-col-xs-7 mui-col-xs-8

mui-col-xs-9 mui-col-xs-10 mui-col-xs-11 mui-col-xs-12

<div class="mui-row">

<div class="mui-col-xs-12">12</div>

<div class="mui-col-xs-11">11</div>

<div class="mui-col-xs-1">1</div>

<div class="mui-col-xs-10">10</div>

<div class="mui-col-xs-2">2</div>

<div class="mui-col-xs-9">9</div>

<div class="mui-col-xs-3">3</div>

<div class="mui-col-xs-8">8</div>

<div class="mui-col-xs-4">4</div>

<div class="mui-col-xs-7">7</div>

<div class="mui-col-xs-5">5</div>

<div class="mui-col-xs-6">6</div>

<div class="mui-col-xs-6">6</div>

</div>

2016-03-29 21:10

极数MSS

MUI十二列栅格系统
<div class="mui-row">
<div class="mui-col-xs-12">12</div>
<div class="mui-col-xs-11">11</div>
<div class="mui-col-xs-1">1</div>
<div class="mui-col-xs-10">10</div>
<div class="mui-col-xs-2">2</div>
<div class="mui-col-xs-9">9</div>
<div class="mui-col-xs-3">3</div>
<div class="mui-col-xs-8">8</div>
<div class="mui-col-xs-4">4</div>
<div class="mui-col-xs-7">7</div>
<div class="mui-col-xs-5">5</div>
<div class="mui-col-xs-6">6</div>
<div class="mui-col-xs-6">6</div>
</div>