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

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?

推荐答案

您应该尝试使用。

这是我用于< 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单列中的多列不正常浮动的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-31 02:19