卡列布局

时间:2016-08-30 11:08:18

标签: html css wordpress layout

首先,我是css / wordpress等的新手,所以没经验。

我需要卡片布局方面的帮助。我希望this具有与this相同的布局,因为我希望卡片位于2列而不是1列中。对代码进行了大量的介绍并且似乎无法得到它......

会发贴标签但是< 10 rep所以不能发布> 2个链接。

编辑:查看关于pastebins的评论和更多信息。

提前致谢!

1 个答案:

答案 0 :(得分:0)

首先,我告诉您我们需要您的代码示例来帮助您。

我将解释如何使用bootstrap框架

你可以这样:

<div>Business Strategy</div>
<div>Boosting Company</div>
<div>How High Growth...</div>
<div>Uk Company Dashboard</div>

您必须导入引导CDN,您可以在此链接上获取它:

  

http://getbootstrap.com/getting-started/

之后,你将在你的div的clases中应用一个colum网格,并在“row”div中包围所有这些网格,它将如下所示:

<div class="row">
   <div class="col-xs-12 col-sm-6" >Business Strategy</div>
   <div class="col-xs-12 col-sm-6">Boosting Company</div>
   <div class="col-xs-12 col-sm-6">How High Growth...</div>
   <div class="col-xs-12 col-sm-6">Uk Company Dashboard</div>
</div>

使用这些类,您告诉浏览器,当屏幕视口小于700px时,div将显示为全宽,当视口较高时,div将显示为半宽。

对于初学者来说,这是最简单的方法,我建议你阅读W3CSchools上的bootstrap教程,这将有助于你在resposives框架中的第一步

  

http://www.w3schools.com/bootstrap/bootstrap_grid_basic.asp

以下是有关您应该使用该类的原因的解释

祝你好运!