如何使用媒体对象行为创建警报消息？

Question

我想创建具有媒体对象行为的警报信息消息。

我的意思是这种行为：

警报左侧有图像，另一侧有文字。

我尝试了什么？

我得到了这个：

使用这样的代码：

<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。如何使图标更大或我应该使用什么方法？

Answer 1

这是我能得到的：

http://jsfiddle.net/9Sx62/

基本上，我用.media-object div包装了图标，文档说它不应该与其他组件混合。然后，我增加了字体大小，因此图标会更大

Answer 2

这有助于：

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