Question

我试图在两列中显示列表。

左边是奇数，右边是偶数。

这就是我的意思：

ALTER TABLE /*$wgDBprefix*/links
 DROP INDEX l_from,
 ADD INDEX l_from (l_from);

ALTER TABLE /*$wgDBprefix*/brokenlinks
 DROP INDEX bl_to,
 ADD INDEX bl_to (bL_to);

ALTER TABLE /*$wgDBprefix*/recentchanges

我的代码是：

+----------------------------------------------------+
|                    col-md-9                        |
+------------------------+---------------------------+
|     1.                 |        2                  |
|     3.                 |        4.                 |
|     5.                 |        6.                 |
|     7.                 |        8.                 |
|     9.                 |       10.                 |
|                        |                           |
|                        |                           |
|                        |                           |
|                        |                           |
+------------------------+---------------------------+

我怎样才能实现这一目标？ ps：要扩展列表，我使用while（）循环

Answer 1

请全屏查看我使用的是md，所以目前它每行显示1个li。

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<div class="col-md-9">
  <ul class="row">
    <li class="col-md-6">1.</li>
    <li class="col-md-6">2.</li>
    <li class="col-md-6">3.</li>
    <li class="col-md-6">4.</li>
    <li class="col-md-6">5.</li>
    <li class="col-md-6">6.</li>
    <li class="col-md-6">7.</li>
    <li class="col-md-6">8.</li>
    <li class="col-md-6">9.</li>
    <li class="col-md-6">10.</li>
  </ul>
</div>

Answer 2

对于我们中间的引导者：

＆＃13;

<style>
    .ul-two-cols {
        display: block;
        width: 100%;
        listItemStyle: none;
        position: relative;
    }
    .ul-two-cols > li {
        display: inline-block;
        width: 49%;
    }
</style>
<div style="width: 300px;">
  <ul class="ul-two-cols">
    <li>1.</li>
    <li>2.</li>
    <li>3.</li>
    <li>4.</li>
    <li>5.</li>
    <li>6.</li>
    <li>7.</li>
    <li>8.</li>
    <li>9.</li>
    <li>10.</li>
  </ul>
</div>

＆＃13;

一个列表和两列无序

2 个答案: