Rails / Bootstrap警报关闭按钮样式被破坏

Question

我正在尝试为Flash消息呈现Bootstrap警报。我想让样式正确，所以我只是将代码从here复制到我的布局页面中，如下所示：

<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>Warning!</strong> Better check yourself, you're not looking too good.
</div>

<%= yield %>

我添加到application.css.scss

@import "twitter/bootstrap/alerts"; 

和application.js

//= require jquery
//= require twitter/bootstrap 

关闭按钮工作正常，但正如您所看到的那样，造型左侧的按钮处于一种奇怪的风格，在示例中它位于右侧并且更整洁。我宁愿不用手工做CSS来让它看起来像是应该的。有什么我想念的吗？

提前致谢。

修改

此处使用的宝石has been deprecated。这让这很棘手。我已经找到了任何自定义样式，唯一的覆盖是

$container-sm: 710px;
$container-md: 930px;