【问题标题】:Twitter bootstrap bigger glyphicons.Twitter 引导更大的字形图标。
【发布时间】:2013-12-21 09:07:46
【问题描述】:

有没有办法使用 twitter 引导程序并将其大小调整为更大? 到目前为止,我已经尝试过了,但没有运气。 glyphicon.myclass {高度:100px;宽度:100 像素;}

谢谢。

【问题讨论】:

标签: twitter-bootstrap


【解决方案1】:

Bootstrap 2 图标被应用为背景,所以没有。此外,它们是图像精灵,因此调整精灵图像的大小需要您调整每个 CSS 位置语句。

Bootstrap 3 图标是一种字体,所以是的。

.glyphicon.smaller {font-size: 8px;}
.glyphicon.bigger {font-size: 30px;}

【讨论】:

    【解决方案2】:

    如果是 Bootstrap 3,那么如果它适用于元素,请尝试增加字体大小。下面的例子。

    glyphicon.myclass {
        font-size: 1.4em;
    }
    

    【讨论】:

      【解决方案3】:

      Glyphicons 使用其容器的font-size。所以你可以按照其他人的建议增加字体大小,或者使用更大字体的容器..

      <h1><i class="glyphicon glyphicon-align-center"></i></h1>
      

      http://bootply.com/98574

      【讨论】:

      • 值得注意的是,虽然这很好用,但它鼓励非语义标记。例如,标题不应用于设置图标和文本的样式,而应用于在逻辑上构建文档。
      • 虽然实现起来很容易,但 w3c 验证器会为此发出 Empty heading 警告。 stackoverflow.com/questions/23739224/…
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-08-30
      • 2014-08-17
      • 2018-08-08
      • 1970-01-01
      • 2016-12-23
      • 2015-08-28
      • 2016-07-23
      相关资源
      最近更新 更多