Html xs屏幕中的引导网格系统2项
我有下面的网格系统,它们是3行,在大屏幕中每行有3个项目,我想编辑代码,使它们成为xs屏幕中每列中的2个项目,但它们被遗漏了,我怎么做Html xs屏幕中的引导网格系统2项,html,twitter-bootstrap,grid-system,Html,Twitter Bootstrap,Grid System,我有下面的网格系统,它们是3行,在大屏幕中每行有3个项目,我想编辑代码,使它们成为xs屏幕中每列中的2个项目,但它们被遗漏了,我怎么做 桌面和移动网站设计 我们为所有行业部门提供完整的网站规划、研讨会和设计服务。我们也是为手机和平板设备创建网站的专家 网站和内容管理 所有网站都需要智能,我们有多年的经验,将设计和内容管理系统结合起来,帮助您的网站焕发活力 创意品牌与平面设计 有效的品牌推广和引人入胜的平面设计是客户注意到的第一件事。确保你通过一些高冲击力的视觉效果从人群中脱颖而出 Web应用
桌面和移动网站设计
我们为所有行业部门提供完整的网站规划、研讨会和设计服务。我们也是为手机和平板设备创建网站的专家
网站和内容管理
所有网站都需要智能,我们有多年的经验,将设计和内容管理系统结合起来,帮助您的网站焕发活力
创意品牌与平面设计
有效的品牌推广和引人入胜的平面设计是客户注意到的第一件事。确保你通过一些高冲击力的视觉效果从人群中脱颖而出
Web应用与编程
我们在集成技术应用程序和web系统方面有丰富的经验。确保您的业务得到正确的支持,并且您的运营能够无缝地协同工作
电子商务与支付解决方案
我们可以帮助您通过包含数百种产品的完整电子商务解决方案进行在线交易,或者通过一个简单的支付网关接受客户交易
域名和网站托管
专业网站需要一个坚实的平台。我们管理数百个域名,还为我们的客户运行基于云的专用托管解决方案
电子通讯及广播
我们有多年的经验,帮助客户向感兴趣的人推销他们的业务。我们可以帮助您设计、构建和广播电子邮件活动
社交媒体与营销
社交媒体是日常生活的一部分,制定总体战略对于您的在线业务的成功至关重要。我们可以帮助您充分利用您的活动
内容创作与制作
我们可以与您合作,帮助您进行文案、摄影和视频制作,以防您自己无法创建这些资产
如果您希望在lg
上有3个项目,在xs
上有2个项目,则必须使用列换行和响应重置。所有的列-
都应位于一行
<div class="row">
<div class="col-lg-4 col-xs-6"> 1 </div>
<div class="col-lg-4 col-xs-6"> 2 </div>
<!-- clearfix xs cols every 2 -->
<div class="clearfix visible-xs"></div>
<div class="col-lg-4 col-xs-6"> 3 </div>
<!-- clearfix lg cols every 3 -->
<div class="clearfix visible-lg"></div>
<div class="col-lg-4 col-xs-6"> 4 </div>
<div class="clearfix visible-xs"></div>
<div class="col-lg-4 col-xs-6"> 5 </div>
<div class="col-lg-4 col-xs-6"> 6 </div>
<div class="clearfix visible-xs visible-lg"></div>
<div class="col-lg-4 col-xs-6"> 7 </div>
<div class="col-lg-4 col-xs-6"> 8 </div>
<div class="clearfix visible-xs"></div>
<div class="col-lg-4 col-xs-6"> 9 </div>
...
</div>
1.
2.
3.
4.
5.
6.
7.
8.
9
...
您是否尝试过将'col-xs-4'
更改为'col-xs-6'
?@john_h我尝试过,但它们的显示方式不是我想要的,每行都会出现一个间隙,我不知道是什么原因。引导类将具有固有的属性,例如填充、边距等
。当使用xs屏幕时,是否希望div之间没有间距?您可以删除自己CSS中的填充:col-xs-6:margin:0;填充:0代码>这会让它更接近你想要的吗?此外,行将具有从子元素继承的属性。列中的图像/内容是否使它们具有不同的高度?如果是这样,您需要使用clearfix或responsive重置,每X个列-
。