如何将列移动到中心位置，并将其带到 Bootstrap 中另一列的位置？答案

【问题标题】：How to move the column to the center position, and bring it to the place of another column in Bootstrap?如何将列移动到中心位置，并将其带到 Bootstrap 中另一列的位置？
【发布时间】：2016-11-06 05:28:46
【问题描述】：

世界！

我对在引导程序中更改列的位置有一些疑问

我必须将带有徽标的第一列的位置更改为中心，并显示在移动设备上窗口汉堡菜单图标的左侧。

有关更多信息，请查看帖子下的图片： Image on imgur here

【问题讨论】：

标签： html twitter-bootstrap css twitter-bootstrap-3

【解决方案1】：

如果能上传代码就更好了

但据我了解，您可以尝试以下操作：

<div class="col-xs-2 hidden-md">Navigation</div>
<div class=" col-md-2 col-xs-8 ">Logo section </div>
<div class="col-md-8">Navigation</div>
<div class="col-md-2 col-xs-2">Search box</div>

【讨论】：

那行不通，因为他希望他的徽标在所有情况下都居中，这样当不在移动设备上时，他的徽标会出现在左侧
我不这么认为。至少在图像中，徽标似乎在左侧，在桌面上
是的。这个解决方案是最好的！

【解决方案2】：

<div class="col-xs-2 ham">hamburger</div>
<div class="col-xs-8">logo</div>
<div class="col-xs-2">search & cart</div>

.ham * {display: none; }
@media (max-width: 47.9em) { 
.ham * { display: block; } 
}

我看不出它与改变列的位置有什么关系..

【讨论】：

【解决方案3】：

您可以使用@media 查询并在该查询中为您网站的移动版本编写 CSS。基本上你的代码会是这样的

@media(max-width: 767px) {
    /* css code */

}

【讨论】：

嗨，为什么投反对票？我没有遵守一些规范吗？还是答案没有用？谢谢。