亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

關于bootstrap布局的居中問題

用bootstrap布局 ? ?怎么設置水平居中啊 ? 用柵格布局嗎 ? ? 垂直居中又是怎么設置的啊 ? 求大神來解疑答惑 ? ?不勝感激?

正在回答

3 回答

這段代碼是讓div 內容響應式水平居中

<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">
????內容
</div>

這段css是讓div內容垂直居中

#center{
????position:?absolute;
????top:?50%;
????-webkit-transform:?translateY(-50%);
????-moz-transform:??translateY(-50%);
????-ms-transform:??translateY(-50%);
????-o-transform:??translateY(-50%);
????transform:??translateY(-50%);
}

其實垂直居中方法實現有很多,這是我目前水平認知比較好的解決方案

幸苦手碼代碼,望采納!

2 回復 有任何疑惑可以回復我~
#1

魔靈之翼

非常感謝!親測可用!
2019-02-12 回復 有任何疑惑可以回復我~

哦 ? 謝謝你的回答 ? ?我想要一個div在另一個div中 既水平居中又可以垂直居中

0 回復 有任何疑惑可以回復我~
<div?class="container">
內容
</div>

水平居中你可以在body里面 ?建議在.container里面,這樣的話就內容正題居中,然后用col類調整水平位置

<div?class="container">
????<div?class="col-md-6?col-md-offset-3">
????內容
????</div>
</div>

不明白你所謂的垂直居中,本來bootstrap就是適應不同寬度的流瀏覽器 高度是不設置的 所以也不存在神么垂直居中吧


個人愚見,初學者,大牛勿噴

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

關于bootstrap布局的居中問題

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號