Laravel4+;引导:图标+;同一行上的警告消息
我有以下代码用于表单验证时的警告消息:Laravel4+;引导:图标+;同一行上的警告消息,laravel,laravel-4,alert,twitter-bootstrap-3,Laravel,Laravel 4,Alert,Twitter Bootstrap 3,我有以下代码用于表单验证时的警告消息: @if($errors->any()) <div class="alert alert-warning col-lg-12 centered"> <i class="glyphicon glyphicon-warning-sign"></i> <ul> {{ implode('', $errors->all('<li class="error
@if($errors->any())
<div class="alert alert-warning col-lg-12 centered">
<i class="glyphicon glyphicon-warning-sign"></i>
<ul>
{{ implode('', $errors->all('<li class="error">:message</li>')) }}
</ul>
</div>
@endif
@if($errors->any())
{{内爆(''.$errors->all('- :message
)}
@恩迪夫
它出现在带有图标和错误的黄色框中。
小问题是图标在一行上,错误在另一行上。
我怎样才能使左边的图标保持在错误的同一行?
谢谢您在图示符图标上添加一个左浮动,如:
.alert i { float: left; font-size: 64px; margin-right: 32px; margin-left:16px; }
示例:只需将图标保留在标记内;)
&时代;
您的留言在这里!]
在引导的CSS之后添加。警报i{float:left}
吗?谢谢你!我能问你怎么把它弄大吗?我尝试宽度:24px;高度:24px;但不起作用请尝试以下操作:.alert i{float:left;font size:64px;margin right:32px;}
<div class="alert alert-warning alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
<strong><i class="fa fa-warning"></i></strong> Your message here, <a href="#" class="alert-link" target="_blank">and your link here</a>!</div>]