課程
/前端開發(fā)
/Bootstrap
/基于bootstrap的網(wǎng)頁開發(fā)
格柵布局怎樣讓整個body分為兩列,例如左側背景為灰色
2016-10-26
源自:基于bootstrap的網(wǎng)頁開發(fā) 4-1
正在回答
<div?class="container-fluid">??? ??<div?class="row"> ?????<div?class="col-xs-2">左邊列</div>??? ?????<div?class="col-xs-10">右邊列</div>? ??</div> </div>
左側背景為灰色且高度充滿,我使用的是在<div?class="col-xs-2">左邊列</div>中追加一個自己取的類left-nav,得到<div?class="col-xs-2 left-nav">左邊列</div>,然后再寫樣式覆蓋。
.left-nav{ ????height:?760px; ????background-color:?#ddd; ????padding:?0; ???}
高度給了一個固定值,不知道還有沒有別的辦法哦。
<style> ????.left{width:200px;height:100%;float:left;background:gray;} ????.right{width:200px;height:500px;float:left;} </style> <div?class="left">左列</div> <div?class="right>右列</div>
舉報
Bootstrap框架的基礎教程,學會用Bootstrap前端框架搭建網(wǎng)頁
2 回答左側導航欄背景色占滿整個頁面的高度
1 回答怎么改變左面的區(qū)域的高度使背景色充滿整個左邊區(qū)域
2 回答怎么讓左側導航欄跟右邊一樣高?
2 回答用柵格做網(wǎng)頁布局,想在一個背景圖上放置其他圖片或者字,該怎么做
2 回答為什么我的側邊導航欄設置position:fixed后,右邊的內(nèi)容全部跑到左邊來了,怎么解決,我目的是讓側邊欄背景顏色跟隨頁面高度
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2016-11-25
左側背景為灰色且高度充滿,我使用的是在<div?class="col-xs-2">左邊列</div>中追加一個自己取的類left-nav,得到<div?class="col-xs-2 left-nav">左邊列</div>
,然后再寫樣式覆蓋。
高度給了一個固定值,不知道還有沒有別的辦法哦。
2016-10-27