文章/答案/技术大牛

发布

社区首页 >问答首页 >Laravel4 +引导:图标+同一行的警告消息

问Laravel4 +引导:图标+同一行的警告消息
EN

Stack Overflow用户

提问于 2013-09-24 18:15:51

回答 2查看 3K关注 0票数 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

它显示带有图标和错误的黄色框。小问题是图标在一行上，错误在另一行上。如何将图标保持在左侧，位于错误的同一行？谢谢

laravel

laravel-4

alert

twitter-bootstrap-3

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-09-30 07:40:18

向图标左侧添加一个浮点数，如下所示：

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

示例：http://bootply.com/84046

票数 2

Stack Overflow用户

发布于 2015-05-05 23:04:12

只需将图标保存在标签中;)

<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>]

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18989046

复制

相似问题

问Laravel4 +引导:图标+同一行的警告消息
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Laravel4 +引导:图标+同一行的警告消息EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Laravel4 +引导:图标+同一行的警告消息
EN