我想创建具有媒体对象行为的警报信息消息。
我的意思是这种行为:
警报左侧有图像,另一侧有文字。
我尝试了什么?
我得到了这个:
使用这样的代码:
<div class="alert alert-info">
<div class="media">
<span class="pull-left glyphicon glyphicon-exclamation-sign"></span>
<div class="media-body">
<p>string1</p><p>string2</p><p>string3</p>
</div>
</div>
</div>
但是,glyphicon太小了。我需要更大的glyphicon。如何使图标更大或我应该使用什么方法?
答案 0 :(得分:1)
答案 1 :(得分:0)
这有助于:
<div class="media">
<span class="pull-left lg glyphicon glyphicon-info-sign"></span>
<div class="media-body">
<p>Статус договора <em>действует</em> означает, что Вы можете сделать заказ на поставку у данного поставщика.</p>
<p>В таблице встречаются строки разных цветов. Зеленый цвет означает, что договор действующий, а серый — срок действия истек.</p>
</div>
</div>
此外,在css中指定了类.lg
:
.lg {
font-size: 1.5em;
}