鍍金池/ 問答/HTML5  HTML/ boostrap的多屏適應換算

boostrap的多屏適應換算

<div class='container-fluid'>

<div class='row login'>
    <div class='col-lg-11 col-md-11'></div>
    <div class='col-lg-1 col-md-1'>
        <a class='lg_text' href='#'>登陸</a>
        <a href='#'>|</a>
        <a class='lg_text' href='#'>注冊</a>
    </div>
</div>

</div>

大屏幕是這樣的 正常 就是這樣的效果

clipboard.png

縮小屏幕就這樣了

clipboard.png

我想縮小屏幕也跟上面一樣效果 這個怎么弄呢

回答
編輯回答
慢半拍

導航用bs自帶的，別放在柵格系統(tǒng)里 柵格是百分比寬度 比如你的col-lg-1默認是容器的1/12寬度 但是你的字寬度是不變的 所以被擠下來了 你把右邊的登錄注冊 正常右浮動就行 別放在百分比容器里

2018年4月4日 19:42