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">&times;</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>]