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

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

bootstrap網格問題

為什么微信的這個列在大屏的情況下右移了,不是剛好12列,怎么會斷行,不知道哪里錯了

http://img1.sycdn.imooc.com//57b8147f000190d212240219.jpg?

<div class="container">

? ? ? ? <div class="row" style="margin-top:10px;">

? ? ? ? ? ? <div class="col-xs-12 ?col-md-2 col-lg-2 col-lg-offset-1 text-center">

? ? ? ? ? ? ? ? <a ><img src="http://hbj.jiangmen.gov.cn/images/red.png" style=""/></a>

? ? ? ? ? ? </div>

? ? ? ? ? ? <div class="col-xs-12 ?col-md-6 col-lg-4 col-lg-offset-1 text-center" style="margin-bottom:5px;"> ?

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

? ? ? ? ? ? ? ? <ul class="list-inline">

? ? ? ? ? ? ? ? ? ? <li><a style="padding-right:13px">網站地圖</a>|</li>

? ? ? ? ? ? ? ? ? ? <li><a style="padding-right:13px">版權聲明</a>|</li>

? ? ? ? ? ? ? ? ? ? <li><a style="padding-right:13px">交通指引</a>|</li>

? ? ? ? ? ? ? ? ? ? <li style=" background:none;"><a >聯系方式</a></li>

? ? ? ? ? ? ? ? </ul>

? ? ? ? ? ? ? ??

? ? ? ? ? ? ??

? ? ? ? ? ? </div>

? ? ? ? ? ??

? ? ? ? ? ? <div class="col-xs-4 col-xs-offset-2 col-md-1 col-lg-2 text-center">

? ? ? ? ? ? ? ? ?<img src="http://hbj.jiangmen.gov.cn/images/wxqr.png" />

? ? ? ? ? ? ? ? ?<p>微信</p>

? ? ? ? ? ? </div>

? ? ? ? ? ? <div class="col-xs-4 col-md-1 col-lg-2 text-center">

? ? ? ? ? ? ? ? ?<img src="http://hbj.jiangmen.gov.cn/images/wbqr.png" />

? ? ? ? ? ? ? ? ?<p>微博</p>

? ? ? ? ? ? </div>? ? ? ? ? ? ? ? ? ?

? ? ? ? ?</div>

? ? ? ?

? ? ? ?</div>?

? ? ? ?


正在回答

1 回答

圖中粗紅色圈起來的樣式,不應該在?大屏?情況下啟用

http://img1.sycdn.imooc.com//57b83b2e0001059c11060530.jpg

而實際情況是,這個樣式居然啟用了

http://img1.sycdn.imooc.com//57b83ba80001d66313660672.jpg

所以,我覺得這是bootstrap的一個bug

參考:https://github.com/twbs/bootstrap/issues/14725
??????????http://stackoverflow.com/questions/18853308/bootstrap-3-col-xs-offset-doesnt-work


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

陳小曉 提問者

怎么說的都是col-xs-offset-*失效,可是我在超小屏下可以偏移的
2016-08-22 回復 有任何疑惑可以回復我~
#2

采藥超人 回復 陳小曉 提問者

我覺得這是一個bootstrap的bug。col-xs-offset-*沒有做媒體查詢,在任何分辨率下都會出現,但是實際上,它只應該在超小屏下出現
2016-08-24 回復 有任何疑惑可以回復我~
#3

采藥超人 回復 陳小曉 提問者

參考https://github.com/twbs/bootstrap/issues/9597 說的很明白了,It's on purpose.
2016-08-24 回復 有任何疑惑可以回復我~
#4

陳小曉 提問者 回復 采藥超人

看了你給的幾個網址,明白了
2016-08-25 回復 有任何疑惑可以回復我~
查看1條回復

舉報

0/150
提交
取消
玩轉Bootstrap(基礎)
  • 參與學習       314560    人
  • 解答問題       2364    個

告訴你使用Bootstrap,并且能夠獨立定制出適合自己的Bootstrap

進入課程

bootstrap網格問題

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

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

幫助反饋 APP下載

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

公眾號

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