如何將徽標添加到Twitter引導程序導航欄？

-2

我有一個標誌，其尺寸爲2829×1913，它是一個PNG。我如何將它納入導航欄引導程序？如何將徽標添加到Twitter引導程序導航欄？

下面的代碼

<div class="navbar-header"> 
     <a class="navbar-brand" href="/"> 
     <img src="startupclone202.png"> 
     </a> 
    </div>

如何更改項目名稱，以我自己的標誌，是2829×1913年到很好地適應標誌？

來源

2015-10-07 Jack Moscovi

後您使用創建的輸出和標識URL當前的代碼。使用圖像編輯器修剪徽標並使用它。 –

請把一些代碼，以便任何人可以幫助 –

爲帶寬的緣故..你不覺得圖像太大嗎？ –

要在導航欄使用插入圖片驗證碼：

<nav class="navbar navbar-default"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <a class="navbar-brand" href="#"> 
     <img alt="Brand" src="..."> 
     </a> 
    </div> 
    </div> 
</nav>

對於圖像下載GIMP並調整其大小，太大了。

來源

2015-10-07 10:31:08

我應該調整到什麼大小？自舉導航欄？ –

根據放置的圖像調整導航欄的大小。根據我的經驗，最好將徽標放置在導航欄外。如果您不想調整導航欄的大小，則圖片必須具有20像素的高度。 –

所以你提供的代碼可以解決我的問題？ – sinusGob

首先，您必須調整圖像大小然後您可以嘗試下面的代碼爲導航欄。

<div class="navbar navbar-fixed-top"> 
     <div class="navbar-inner"> 
     <div class="container"> 
      <a class="navbar-brand" href="index.html"> <imgsrc="images/xyz.jpg"></a>

對於您必須添加下面的CSS

.navbar-brand > img { 
     max-height: 100%; 
     height: 100%; 
     -o-object-fit: contain; 
     object-fit: contain; 
    } 
     </div> 
     </div> 
    </div>

來源

2015-10-07 10:41:05

twitter導航欄的適當圖片大小是多少？ –

我沒有調整圖像大小，我試圖使用你的CSS代碼，它不起作用，它將圖像更改爲46 * 60像素 –

您不想更改圖像像素？ –

如何將徽標添加到Twitter引導程序導航欄？

回答

相關問題