Layui快速入门之第二节布局容器(固定宽度与完整宽度)

目录

一：固定宽度

二： 完整宽度

一：固定宽度

             将栅格放入一个带有 class="layui-container" 的特定容器中，以便在小屏幕以上的设备中固定宽度，让列可控(两侧有留白效果)

  <!--固定宽度(两侧有留白效果)--><div className="layui-container" style="background-color:navajowhite;height: 300px">固定宽度</div>

测试效果：

二： 完整宽度

           不固定容器宽度，将栅格或其它元素放入一个带有 class="layui-fluid"的容器中，那么宽度将不会固定，而是 100% 适应

 <!--完整宽度(占据屏幕的100%)--><div class="layui-fluid" style="background-color:yellow;height: 300px">完整宽度</div>

测试效果：