如何获取Bootstrap卡列?

时间:2017-02-18 21:21:33

标签: html css twitter-bootstrap

我正在学习Bootstrap框架,并试图建立一个双列卡系统来允许" feed"要捕获的卡片。根据卡的类型,它将位于左侧或右侧列。我使用Bootstrap和我认为是12列的容器。在容器内部有一个6列div和另外6列div但是无论出于什么原因它们都没有分开,所有的卡最终都是一长串卡片。

此处示例: http://codepen.io/jasonrpan/pen/KaLRdj

repositoryClass="ProductBundle\Repository\ProductRepository

对这可能是什么感到好奇?

2 个答案:

答案 0 :(得分:1)

基于https://v4-alpha.getbootstrap.com/layout/grid/,您必须在列周围添加一个带有类行的div。

此处示例:http://codepen.io/Spreadyy/pen/aprrBG

<div class="row">

答案 1 :(得分:1)

始终必须在row ...

之内
  

行是水平的列组,可确保您的列   排队得当。我们在.row上使用负边际方法来确保   所有内容都在左侧正确对齐。内容   应该放在列中,只有列可以是立即的   行的孩子。

http://www.codeply.com/go/4GRZdVJ4KM