3

twitter-bootstrapを使用しています。ブランド名の前にどうやってアイコンを付けるのか気になりました。どういうわけか、アイコンもテキストよりもかなり小さいように見えます。見栄えを良くするために、これをどのように修正できますか？

<div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
     <div class="container">
      <i class="icon-signal icon-white"></i>
      <a class="brand" href="#">Internett</a>
   </div>
  </div>
4

2 に答える 2

4

タイトルアンカー内にアイコンを含めて、次の.brandようにいくつかのcssに揃えることができます。

CSS

.brand i {
    margin-top: -4px;
    vertical-align: middle;
}

きれいに見えませんが、動作します。

デモ： http： //jsfiddle.net/andresilich/HGMdM/

于 2012-07-16T00:46:42.423 に答える
0

解決：

margin:-4px

例：

<nav class="navbar navbar-default navbar-static-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <a class="navbar-brand" href="#"><i style="margin:-4px 0; color:pink" class="glyphicon glyphicon-heart"></i> <?= $config->siteName ?></a>
    </div>
      <p class="navbar-text"><i style="color:pink" class="glyphicon glyphicon-heart"></i> <?= $config->siteTagline ?></p>
  </div>
</nav>

デモンストレーションに使用されるインライン。<style>CSSファイルにインラインまたは追加することもできます。

Bootstrapに報告された問題：https ：//github.com/twbs/bootstrap/issues/13100

于 2014-03-12T16:32:59.420 に答える