layui栅格布局问题
生活随笔
收集整理的這篇文章主要介紹了
layui栅格布局问题
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在使用layer.open彈出到窗口中,使用布局一直不起作用。
開始到寫法如下, 目的是一行分成左右兩塊,比例為8:4等分。
<div class="layui-fluid"><div class="layui-row layui-col-space10"><div class="layui-col-md8"><div class="layui-card"><div class="layui-card-header">最近更新<a lay-href="http://www.layui.com/doc/base/changelog.html" class="layui-a-tips">全部更新</a></div><div class="layui-card-body">body</div></div></div><div class="layui-col-md4"><div class="layui-card"><div class="layui-card-header">便捷導航</div><div class="layui-card-body">body</div></div></div></div></div>
但是顯示出的頁面如下,變成2行,顯然不是我想要的:
最后調整了layui-col屬性,將layui-col-md8,layui-col-md4修改為 layui-col-sm8, layui-col-sm4 , 顯示如下,得到了我想要的結果:
官方文檔中?layui-col-xxx數字 后的xxx有?xs(超小屏幕,如手機)、sm(小屏幕,如平板)、md(桌面中等屏幕)、lg(桌面大型屏幕),4種屬性,在實際使用中需要自行調整使用。
?
轉載于:https://www.cnblogs.com/30go/p/9746472.html
總結
以上是生活随笔為你收集整理的layui栅格布局问题的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 求一个深夜的个性签名!
- 下一篇: nginx 启动 + uwsgi + d