作为响应中心侧栏移动

在平板电脑或笔记本电脑，后和侧栏会出现后或左或右，而侧边栏将是相反的。例如：作为响应中心侧栏移动

Sidebar | Post

......或者......

Post | Sidebar

麻烦的是与移动 - 例如，一个在后或例如两个在侧边栏会出现左对齐，当我想他们中心堆叠。我无法给予他们每个人100％的宽度 - 即使在移动设备上，这也是我想要的。

我曾尝试与中心div的一些技巧;对于一个例子，我想我可以用一个负责任的DIV方法与帖子或侧边栏中这样的：

<div class="row"> 
    <div class="col-xs-12 col-md-8"><!-- POST --></div> 
    <div class="col-xs-6 col-md-4"> 
     <div class="col-md-2"></div> 
     <div class="col-md-8"><!-- SIDEBAR --></div> 
     <div class="col-md-2"></div> 
    </div> 
</div>

...反之亦然地点差价居中，顶部的边栏。在两种情况下，在移动设备上，所述中心格（col-md-8）仍然左对齐。

只需以可视化的目标，在笔记本电脑或平板电脑，它会出现这样的：

Sidebar | Post

或

Post | Sidebar

在移动，它会出现这样的：

Sidebar-Centered 
Post-Centered

更新：

测试了xs移动：

<div class="row"> 
    <div class="col-xs-12 col-md-8"><!-- POST --></div> 
    <div class="col-xs-6 col-md-4"> 
     <div class="col-xs-3 col-md-2"></div> 
     <div class="col-xs-12 col-md-8"><!-- SIDEBAR --></div> 
     <div class="col-xs-3 col-md-2"></div> 
    </div> 
</div>

从理论上讲，这应该已经在移动协助，但仍然没有骰子。

来源

2017-04-12 StartUpDev

会有与你的CSS没有别的问题。你可以用css修复它。

如需更多帮助，请分享您的网页链接？所以我们可以配置出什么问题。

来源

2017-04-12 11:58:09

作为响应中心侧栏移动

回答

相关问题