如何在自舉導航欄中放置徽標中心

Question

我有一個網站 看到這個http://surginc.com？ 徽標[1]：http://surginc.com/_includes/img/logo.png「徽標」 不會在導航欄中居中。請看看這個，並幫助我把它放在導航欄中？ 我正在使用Bootstrap。

Answer 1

嘗試以此爲標誌代碼：

<img style="margin:0 40%;margin-top:-55px;" src="Industrial%20Supplies%20%7C%20Textiles%20%7C%20Surg%20Inc_files/logo.png" alt="surg logo"> 

這使得固定在center與任何屏幕分辨率！

Answer 2

更新CSS類.brand hidden-xs visible-lg visible-md visible-sm到width: 245px; margin: 0 auto;

<a class="brand hidden-xs visible-lg visible-md visible-sm" href="http://surginc.com/index.php/" style="margin-left: auto; margin-right: auto; width: 100px; float: none;"> 

到

<a class="brand hidden-xs visible-lg visible-md visible-sm" href="http://surginc.com/index.php/" style=" width: 245px; margin: 0 auto;"> 

這裏245px是原始圖像的寬度

Answer 3

首先將其添加到導航容器：.navbar-collapse{ position:relative; }

然後，對於標識：.brand{ position:absolute; left:50%; top:3px; margin-left:-122px; width:245px; }和重新從徽標圖像移動內聯樣式，所以它不會覆蓋在css文件中添加的任何未來修改