如何在Twitter引导程序导航栏中添加徽标？

Question

我有一个尺寸为2829×1913的徽标，它是一个PNG。我如何将其融入导航栏引导程序？

这是代码

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

如何将项目名称更改为我自己的2829×1913徽标，以获得非常合身的徽标？

Answer 1

要在导航栏中插入图像，请使用以下代码：

<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并调整大小，太大了。

Answer 2

首先，您必须调整图像大小，然后您可以尝试以下代码用于导航栏。

<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>