如何将徽标添加到 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>