課程
/前端開(kāi)發(fā)
/Bootstrap
/基于bootstrap的網(wǎng)頁(yè)開(kāi)發(fā)
讓導(dǎo)航條更好看
2019-10-23
源自:基于bootstrap的網(wǎng)頁(yè)開(kāi)發(fā) 3-1
正在回答
先引入自己的 style.css
<link?rel="stylesheet"?href="./css/style.css">
在 Brand 添加自己的圖片
<a?href="#"?class="navbar-brand"><img?src="./images/chrome.jpg"?alt="現(xiàn)代瀏覽器博物館"?id="logo"></a>
注意我這里使用 id="logo"
然后在 style.css 中選擇到 logo 進(jìn)行尺寸設(shè)置
#logo{ ????width:?30px; ????height:?30px; }
最簡(jiǎn)單的尺寸設(shè)置就完成了
舉報(bào)
Bootstrap框架的基礎(chǔ)教程,學(xué)會(huì)用Bootstrap前端框架搭建網(wǎng)頁(yè)
1 回答bootstrap里導(dǎo)航條li標(biāo)簽怎么實(shí)現(xiàn)間距,和位置?
1 回答怎樣將導(dǎo)航條中的部分導(dǎo)航右置
2 回答導(dǎo)航欄內(nèi)設(shè)置字體與圖標(biāo)居中
1 回答body設(shè)置padding20px,nav導(dǎo)航怎么不受影響?
2 回答導(dǎo)航條與滾動(dòng)圖片有間隙
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2019-12-02
先引入自己的 style.css
在 Brand 添加自己的圖片
注意我這里使用 id="logo"
然后在 style.css 中選擇到 logo 進(jìn)行尺寸設(shè)置
最簡(jiǎn)單的尺寸設(shè)置就完成了