实例:多余的列将会另起一行排列

左侧:如果在一个.mui-row内包含的列(column)大于12个,包含多余列(column)的元素将作为一个整体单元被另起一行排列。

右侧:如果不足12个列将不会撑满整个.mui-row容器

实例:多余的列将会另起一行排列 - 图1

实例:多余的列将会另起一行排列 - 图2

  1. <div class="mui-content">
  2. <div class="mui-row">
  3. <div class="mui-col-sm-8">
  4. <li class="mui-table-view-cell">
  5. <a class="mui-navigate-right">
  6. Item 1
  7. </a>
  8. </li>
  9. </div>
  10. <div class="mui-col-sm-6">
  11. <li class="mui-table-view-cell">
  12. <a class="mui-navigate-right">
  13. Item 1
  14. </a>
  15. </li>
  16. </div>
  17. </div>
  18. </div>