課程
/前端開發
/Bootstrap
/玩轉Bootstrap(基礎)
<ul class="list-inline">
? ? <li>W3cplus</li>
? ? <li>Blog</li>
? ? <li>CSS3</li>
? ? <li>jQuery</li>
? ? <li>PHP</li>
</ul>
2018-05-16
源自:玩轉Bootstrap(基礎) 2-12
正在回答
在bs4里面,除了ul要使用list-inline之外,li全部還要用list-inline-item這個類來實現水平。
? ? <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>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>內聯列表</title>
<link rel="stylesheet" >
</head>
<body>
<!--下面是代碼任務部分-->
<ul class="list-unstyled">
? ? <li>
? ? ? ? 城市:
? ? ? ? <ul class="list-inline">
? ? ? ? ? ? <li>北京</li>
? ? ? ? ? ? <li>上海</li>
? ? ? ? ? ? <li>南京</li>
? ? ? ? ? ? <li>廈門</li>
? ? ? ? </ul>
? ? </li>
</body>
</html>
以氣御碼 提問者
解決了,看到評論區“Gemma_Tong”的回答了:“在bs4里面,除了ul要使用list-inline之外,li全部還要用list-inline-item這個類來實現水平”!
我試過是可以的,你看看你有沒有導入bootstrap的文件
舉報
告訴你使用Bootstrap,并且能夠獨立定制出適合自己的Bootstrap
5 回答只有.text-left和.text-right起作用,.list-unstyled和.list-inline不起作用....瀏覽器是firefox和chrome
2 回答不加 radio-inline也可以水平啊
2 回答求解,沒有水平???
1 回答二級菜單加list-inline,全屏沒效果
1 回答設置inline不能水平顯示
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2019-09-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>
2018-09-27
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>內聯列表</title>
<link rel="stylesheet" >
</head>
<body>
<!--下面是代碼任務部分-->
<ul class="list-unstyled">
? ? <li>
? ? ? ? 城市:
? ? ? ? <ul class="list-inline">
? ? ? ? ? ? <li>北京</li>
? ? ? ? ? ? <li>上海</li>
? ? ? ? ? ? <li>南京</li>
? ? ? ? ? ? <li>廈門</li>
? ? ? ? </ul>
? ? </li>
</ul>
</body>
</html>
2018-05-28
解決了,看到評論區“Gemma_Tong”的回答了:“在bs4里面,除了ul要使用list-inline之外,li全部還要用list-inline-item這個類來實現水平”!
2018-05-17
我試過是可以的,你看看你有沒有導入bootstrap的文件