将x放在固定错误警报旁边

Question

我正在自定义引导程序警报消息，因此它已固定在页面顶部。唯一的问题是我似乎无法将x按钮放在消息的右侧。它看起来像这样（x是顶部的小红色）：

这是HTML：

<%= content_tag(:div, msg, class: "alert alert-info") %>
<button class="close" data-dismiss="alert">×</button>

这是css：

.alert-info {
   position: fixed;
   display: block;
   top: 10px;
 }

.close {
   position: fixed;
   top: 0;
}

如何让x垂直居中于警报并向右？

Answer 1

http://jsfiddle.net/DLY6Y/19/

对于这种类型的警报消息，我会使用浅红色警报消息。对于固定定位，我会添加额外的自定义类警报固定。

<div class="alert alert-danger alert-dismissable alert-fixed">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button><strong>Warning!</strong> Invalid email or password.</div>