文章詳情頁(yè)
javascript - 如何使用整個(gè)寬屏來顯示網(wǎng)頁(yè)?我在使用bootstrap
瀏覽:141日期:2022-11-09 16:44:36
問題描述
下面是一個(gè)例子,紅色部分對(duì)應(yīng)現(xiàn)在我的網(wǎng)站現(xiàn)在的空白,我想把這部分空間也利用上,也就是把正常的結(jié)構(gòu)變寬,不知道怎么做。
問題解答
回答1:將最外面的布局元素 .container 修改為 .container-fluid,就可以將固定寬度的柵格布局轉(zhuǎn)換為 100% 寬度的布局。
不止用于根元素,內(nèi)部想要百分百寬的也可以。參見:http://v3.bootcss.com/css/#gr...
請(qǐng)注意內(nèi)部 row 之類的結(jié)構(gòu)也需注意。
<p class='container-fluid'> <p class='row'> <p class='col-xs-12 col-md-8'>.col-xs-12 .col-md-8</p> <p class='col-xs-6 col-md-4'>.col-xs-6 .col-md-4</p> </p></p>回答2:
將 換成 class='container-fluid'
標(biāo)簽:
JavaScript
相關(guān)文章:
1. android - 微信的@功能如何實(shí)現(xiàn)的?2. mysql - 有張訂單表,假設(shè)有個(gè)2個(gè)手機(jī)號(hào),每個(gè)手機(jī)號(hào)都有5個(gè)訂單,如何用一個(gè)sql實(shí)現(xiàn)每個(gè)手機(jī)號(hào)隨機(jī)取3個(gè)訂單?3. 淺談vue生命周期共有幾個(gè)階段?分別是什么?4. mysql - 以某網(wǎng)游舉例子,談數(shù)據(jù)庫(kù),這是我的猜想5. 關(guān)于用java中正則表達(dá)式匹配單個(gè)字符6. node.js - nodejs+express+vue7. javascript - 分享到微信朋友圈的網(wǎng)頁(yè),在分享到微信好友,如何帶一些標(biāo)題 背景圖片????8. css - 為什么父級(jí)寬度固定且居中,但 input width: 100% 超出父級(jí)范圍9. 微信瀏覽器怎么取消緩存?10. css - 移動(dòng)端字體設(shè)置問題
排行榜

熱門標(biāo)簽