编程语言
首页 > 编程语言> > javascript – Twitter Bootstrap – 在导航栏中居中品牌标识

javascript – Twitter Bootstrap – 在导航栏中居中品牌标识

作者:互联网

我尝试将.brand徽标集中在:

.brand { margin-left: auto; margin-right: auto; }

这是我的顶级导航栏布局:

http://jsfiddle.net/J4zkJ/3/

但它似乎不起作用.

我之前在堆栈上搜索过这个答案,我上面使用的代码来自一个已回答的问题.

知道如何居中.brand?

注意:我不能使用位置:绝对和固定,我想响应(响应)

我也试过这个:

.brand { 
  margin:0 auto !important;
  padding:0 auto !important;
  position:absolute !important;
  right:0px;
  left:0px;
   z-index:9999999999 !important;

}

解决方法:

.navbar .brand {
  margin-left: auto;
  margin-right: auto;
  width: 60px;
  float: none;
}

我给它任意宽度,把它设置成你想要的任何东西.

jsFiddle

标签:graphical-logo,javascript,css,twitter-bootstrap,navbar
来源: https://codeday.me/bug/20190825/1724180.html