課程
/前端開發(fā)
/Bootstrap
/玩轉(zhuǎn)Bootstrap(JS插件篇)
用bootstrap布局 ? ?怎么設(shè)置水平居中啊 ? 用柵格布局嗎 ? ? 垂直居中又是怎么設(shè)置的啊 ? 求大神來解疑答惑 ? ?不勝感激?
2015-06-07
源自:玩轉(zhuǎn)Bootstrap(JS插件篇) 4-7
正在回答
這段代碼是讓div 內(nèi)容響應(yīng)式水平居中
<div?class="col-lg-4?col-lg-offset-4??col-sm-6?col-sm-offset-3?col-xs-8?col-xs-offset-2"?id="center"> ????內(nèi)容 </div>
這段css是讓div內(nèi)容垂直居中
#center{ ????position:?absolute; ????top:?50%; ????-webkit-transform:?translateY(-50%); ????-moz-transform:??translateY(-50%); ????-ms-transform:??translateY(-50%); ????-o-transform:??translateY(-50%); ????transform:??translateY(-50%); }
其實垂直居中方法實現(xiàn)有很多,這是我目前水平認(rèn)知比較好的解決方案
幸苦手碼代碼,望采納!
魔靈之翼
哦 ? 謝謝你的回答 ? ?我想要一個div在另一個div中 既水平居中又可以垂直居中
<div?class="container"> 內(nèi)容 </div>
水平居中你可以在body里面 ?建議在.container里面,這樣的話就內(nèi)容正題居中,然后用col類調(diào)整水平位置
<div?class="container"> ????<div?class="col-md-6?col-md-offset-3"> ????內(nèi)容 ????</div> </div>
不明白你所謂的垂直居中,本來bootstrap就是適應(yīng)不同寬度的流瀏覽器 高度是不設(shè)置的 所以也不存在神么垂直居中吧
個人愚見,初學(xué)者,大牛勿噴
舉報
帶領(lǐng)大家學(xué)習(xí)怎么使用JS自由控制Bootstrap中提供的組件
2 回答求助,關(guān)于Bootstrap中垂直導(dǎo)航與固定定位配合使用問題?
1 回答關(guān)于bootstrap下拉菜單選中內(nèi)容同步到input文本框
3 回答mymodal是bootstrap中的東西么?
1 回答關(guān)于js的位置問題
2 回答關(guān)于navbar-header類中的button
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-08-30
這段代碼是讓div 內(nèi)容響應(yīng)式水平居中
這段css是讓div內(nèi)容垂直居中
其實垂直居中方法實現(xiàn)有很多,這是我目前水平認(rèn)知比較好的解決方案
幸苦手碼代碼,望采納!
2016-02-03
哦 ? 謝謝你的回答 ? ?我想要一個div在另一個div中 既水平居中又可以垂直居中
2016-01-29
水平居中你可以在body里面 ?建議在.container里面,這樣的話就內(nèi)容正題居中,然后用col類調(diào)整水平位置
不明白你所謂的垂直居中,本來bootstrap就是適應(yīng)不同寬度的流瀏覽器 高度是不設(shè)置的 所以也不存在神么垂直居中吧
個人愚見,初學(xué)者,大牛勿噴