0

フォームの検証に関するメッセージを警告するための次のコードがあります。

@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

アイコンとエラーが表示された黄色のボックスが表示されます。ちょっとした問題は、アイコンが 1 行にあり、エラーが別の行にあることです。エラーの同じ行で、左側のアイコンを保持するにはどうすればよいですか? ありがとうございました

4

2 に答える 2

2

次のように、フロートをグリフィコンに追加します。

.alert i { float: left; font-size: 64px; margin-right: 32px; margin-left:16px; }

例: http://bootply.com/84046

于 2013-09-30T07:40:18.370 に答える
0

アイコンをタグ内に保持するだけです;）

<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>]
于 2015-05-05T23:04:12.197 に答える