如何移動Bootstrap導航徽標？

我無法在我們的網站上放置公司徽標。它太低，看起來不符合。無論如何要移動標誌？或者是否有設置徽標的方法，以便在導航和圖像的頂部和底部之間有相同的空間量？如何移動Bootstrap導航徽標？

這裏是的jsfiddle鏈接：Link

<!-- Nav Branding --> <a class="navbar-brand page-scroll" href="#page-top"><img width="30" height="30" src="http://www.edcodie.com/logo.png"></a>

以下是我有： Logo needs moved up a bit

此外，當您過去的第二頁向下滾動導航欄我縮小。有沒有辦法用nav擴展/縮小徽標？我將我的JS包含在導航縮小/擴大中。

謝謝！

來源

2015-03-13 Anthony Birone

調整navbar-brand錨點的padding-top屬性。

FIDDLE

CSS：

.navbar-brand { 
    padding-top: 10px; 
}

來源

2015-03-13 18:11:55 MattD

沒問題。另外，Bootstrap的CSS文件中的所有CSS都位於Fiddle中？您可以選擇在JS Fiddle中使用jQuery 2.1.0，然後選中該框以使用Bootstrap。或者，您也可以通過選擇左側的選項將CDN參考鏈接添加爲外部資源。或者你可以使用Bootply代替。 – MattD 2015-03-13 18:18:14

你可以從這裏改變填充頂部。關於導航收縮引導有自己的主題，您可以使用http://startbootstrap.com/template-overviews/grayscale/ 這裏是教程和下載文件

來源

2015-03-13 18:08:06 Kumar

我在哪裏改變填充頂在哪裏？它現在在CSS中設置，但我找不到它。 – 2015-03-13 18:10:03

順便說一句，我實際上使用該模板。我的導航欄已經擴展和縮小。我問是否有辦法讓您的徽標隨導航欄擴展和縮小。 – 2015-03-13 18:11:33

修復填充.navbar-brand。

來源

2015-03-13 18:09:38 aahhaa

如何移動Bootstrap導航徽標？

回答

相關問題