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

Question

世界！

我有一些关于在bootstrap中改变列位置的问题

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

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

Answer 1

<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; } 
}

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

Answer 2

如果您上传代码

会更好

但据我从图片中了解，您可以尝试以下方法：

<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>

Answer 3

您可以使用@media查询并在该查询中为您网站的移动版本编写css。 基本上你的代码就像

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

}