Bootstrap 3单列中的多列不正常浮动 [英] Bootstrap 3 Multi-column within a single ul not floating properly

问题描述

我已经遇到这样的问题在当前的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?

http://bootply.com/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>

这对我有用。

这篇关于Bootstrap 3单列中的多列不正常浮动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！