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