Bootstrap 3单列中的多列不正常浮动

本文介绍了Bootstrap 3单列中的多列不正常浮动的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我已经遇到这样的问题在当前的bootstrap 3一段时间了。我已经设法在过去以某种方式解决它们，但是没有如何解决这个问题的线索。

I have been encountering problems like this on the current bootstrap 3 for a while now. I have managed to fix them in the past in one way or another but have no clue of how to fix it this time.

我需要创建两列 ul 通过交替 pull-left pull-right 。我做错了什么？

I need to create two columns out of one ul by alternating a pull-left & pull-right on list items. What am I doing wrong?

bootply/92446

推荐答案

您应该尝试使用网格模板。

这是我用于< ul> / code>

Here's what I've used for a two Column Layout of a <ul>

<ul class="list-group row"> <li class="list-group-item col-xs-6">Row1</li> <li class="list-group-item col-xs-6">Row2</li> <li class="list-group-item col-xs-6">Row3</li> <li class="list-group-item col-xs-6">Row4</li> <li class="list-group-item col-xs-6">Row5</li> </ul>

这对我有用。