twitter-bootstrap – Bootstrap 3响应需要所有设备的类
发布时间:2020-12-18 00:22:53 所属栏目:安全 来源:网络整理
导读:当我写html时,我添加了所有类 div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-8 col-xs-offset-2"/div 我看过很多教程,但从未见过有人将所有类添加到每个div中. 包括所有课程是一种好习惯吗? 解决方法 也
当我写html时,我添加了所有类
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 col-xs-8 col-xs-offset-2"></div> 我看过很多教程,但从未见过有人将所有类添加到每个div中. 包括所有课程是一种好习惯吗? 解决方法
也许您已经看过很多教程没有演示4个Bootstrap网格大小的“级联”效果.
向每个div添加多个类没有任何问题,但您只需要为较小的宽度编写类.因此,例如,sm适用于768和更高(它表示sm和更高): 用这个…… <div class="col-lg-8 col-md-8 col-sm-8"></div> 具有与简单使用相同的效果.. <div class="col-sm-8"></div> 因此,如果您想在台式机,笔记本电脑,平板电脑和手机上使用不同的列大小,您只需要将所有4 lg,md,sm和xs一起使用.这是一个可能有助于澄清的演示:http://bootply.com/73778 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |