css - 在移动设备中重新定位 div

Answer 1

您可以为此使用推/拉类。以移动优先的方式构建您的 HTML（IE 有 2 个直接相邻的徽标开始，然后当您到达col-md断点时，将第二个徽标推到 8 列上并将导航拉回 2 列）：

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
<div class="row">
    <div class="col-xs-6 col-md-2"><img src="<?=Url::base(true);?>/images/logo-isr.png" id="logo-isr"></div>
    <div class="col-xs-6 col-md-2 col-md-push-8"><img src="<?=Url::base(true);?>/images/logo-congregacion.png" id="logo-congregacion"></div>
    <div class="col-md-8 col-md-pull-2">
        <div id="menu">
            <a href="<?= Url::to(['/']) ?>">HOME</a>    <span class="font-celeste">|</span>
            <a href="<?= Url::to(['/site/historia']) ?>">HISTORIA</a> <span class="font-celeste">|</span>
            <a href="<?= Url::to(['/site/institucional']) ?>">INSTITUCIONAL</a> <span class="font-celeste">|</span>
            <a href="<?= Url::to(['/site/rossellana']) ?>">FLIA. ROSSELLANA</a> <span class="font-celeste">|</span>
            <a href="<?= Url::to(['/site/noticias']) ?>">NOTICIAS</a> <span class="font-celeste">|</span>
            <a href="<?= Url::to(['/site/fotos']) ?>">FOTOS</a> <span class="font-celeste">|</span>
            <a href="<?= Url::to(['/site/administracion']) ?>">ADMINISTRACIÓN</a>
        </div>
    </div>
</div>