Question

关于bootstrap响应式导航条

其中有一个navbar-toggle的类，当屏幕小于768px，导航条变成一个按钮，默认向右浮动，现在我想让他居中，margin：0 auto无效，看了bootstrap文档好久找不到答案。以下是我写的，求各位大神告知哪里有问题。
navbar-toggle{
position: static;
float: none;
margin:0 auto;
}
原先以为是没有给定width，可是我给定了width值，依然无法居中。

若以下回答无法解决问题，邀请你更新回答

Answer 1

能具体一点么

追问

bootstrap框架里有响应式导航栏 navbar-toggle，屏幕大小小于768点击按钮出现菜单。而我想让这个按钮居中，至今无法办到。正在读bootstrap源码

追答

还是没懂，你可以贴图出来，

我这怎么可以居中的呢？

追问

我问题里面把我的代码都写的很清楚了啊，
navbar-toggle{
position: static;
float: none;
margin:0 auto;
}
无法居中，始终居左，能不能看看你怎么做的

追答

.navbar-toggle{
    margin:0 auto;
}

直接这样就好了啊。亲测没问题啊，图都给你贴上了

你的css选择器前面是不是少了个点.

追问

没有啊，css文件里是.navbar-toggle，我怀疑是我没有用bootstrap框架里的navbar-header和brand，但是您知道如果没有header的话该怎么居中呢？ 还有。。。你没有清除浮动怎么做到居中的？bootstrap里面，.navbar-toggle 默认向右浮动啊。

追答

原来你一直用的是B3啊。。我用的B4，我说怎么回事呢。

.navbar-toggle{
    margin-right:0px;
    right:50%;
    tranform:translateX(50%);
}

这样就可以了

追问

那您知不知道为什么在这里margin 0 auto无法控制居中呢？

追答

他是一个行内块元素，你给他加一个display:block,再写你的代码就可以居中了。
或者既然他是一个行内块的块，你给他外面再包裹一个div,给这个div设置text-align:center也可以解决