问答详情
源自：2-12 列表--内联列表

list-inline list-unstyled都没有水平啊，我用的是假代码吗？

<ul class="list-inline">

    <li>W3cplus</li>

    <li>Blog</li>

    <li>CSS3</li>

    <li>jQuery</li>

    <li>PHP</li>

</ul>


提问者：以气御码 2018-05-16 20:37

个回答

  • weixin_慕UI7585528
    2019-09-02 12:08:02

    在bs4里面，除了ul要使用list-inline之外，li全部还要用list-inline-item这个类来实现水平。

    <ul class="list-inline">

        <li class="list-inline-item">W3cplus</li>

        <li class="list-inline-item">Blog</li>

        <li class="list-inline-item">CSS3</li>

        <li class="list-inline-item">jQuery</li>

        <li class="list-inline-item">PHP</li>

    </ul>


    0
  • 古琮斌
    2018-09-27 20:17:03

    <!DOCTYPE HTML>

    <html>

    <head>

    <meta charset="utf-8">

    <title>内联列表</title>

    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

    </head>


    <body>

    <!--下面是代码任务部分-->

    <ul class="list-unstyled">

        <li>

            城市：

            <ul class="list-inline">

                <li>北京</li>

                <li>上海</li>

                <li>南京</li>

                <li>厦门</li>

            </ul>

        </li>

    </ul>

    </body>

    </html>


    0
  • 以气御码
    2018-05-28 17:01:22

    解决了，看到评论区“Gemma_Tong”的回答了：“在bs4里面，除了ul要使用list-inline之外，li全部还要用list-inline-item这个类来实现水平”！

    5
  • qq_Decisivem_0
    2018-05-17 07:03:52

    我试过是可以的，你看看你有没有导入bootstrap的文件

    0