首页 > 代码库 > Bootstrap---Fluid layout 流布局
Bootstrap---Fluid layout 流布局
流布局是一种适应屏幕的做法。即不固定块的宽度,而是采用百分比作为单位来确定每一块的宽度。这种布局非常适合一次编写,然后自适应各种不同大小的屏幕(手机,PAD…)。
<div class="container-fluid">
<div class="row-fluid">
<div class="col-md-2">
</div>
<div class="col-md-10">
</div>
</div>
</div>
按顺序添加这几个类。最外面包含块有 container-fluid类,表明内容布局是流布局,其主要作用是作为一个包含块来容纳流布局内容。里面包含块的内容有 row-fluid类(非常重要),决定是否是流布局。然后里面的内容块代码编写与网格系统一致,依然是从col-md-21到col-md-12,分别对应于不同的百分比。
Bootstrap---Fluid layout 流布局
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。