Laravel4 +引导:图标+同一行的警告消息
提问于 2013-09-24 10:15:51
我有用于在表单上验证时发出警告消息的代码：
@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它显示带有图标和错误的黄色框。小问题是图标在一行上，错误在另一行上。如何将图标保持在左侧，位于错误的同一行？谢谢
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-09-29 23:40:18
向图标左侧添加一个浮点数，如下所示：
.alert i { float: left; font-size: 64px; margin-right: 32px; margin-left:16px; }Stack Overflow用户
发布于 2015-05-05 15: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">×</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>]页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18989046
复制相关文章
点击加载更多
腾讯云开发者
