一个拉左,一个拉右,但我如何在中间?

时间:2016-02-09 03:38:27

标签: css3 twitter-bootstrap-3

http://www.gerddagne.com

我想以画廊徽标为中心。我尝试过此链接但无法使居中工作正常 - Centering brand logo in Bootstrap 3 Navbar

我的css非常过时:(

2 个答案:

答案 0 :(得分:2)

您也可以像这样居中 - 添加到你的.pull-right 这将做什么将把整个div放在其父div中。因此,在您的情况下,您还有其中的pinterest和facebook社交媒体链接。他们将被纳入中心。

CSS

position:absolute;
left:50%;
transform:translateX(-50%);

答案 1 :(得分:0)

首先,如果可以自定义Bootstrap,您可以从中删除 Pull Right 类。并给它一个自定义类(类似 center-logo

.center-logo{
  margin: 0 auto important;
  width: 230px;
}

通常 margin:0 auto; width 已知时有效。这意味着 230px 是一个变量,它是div中内容的宽度,封装了徽标和社交媒体图标(Facebook和pinterest)。然而,正如您所注意到的那样,这也是您的社交图也许你将它们移动到另一个div并将 pull right 类应用于该div