我根本没有得到这个，我完全被难倒了。我有bootstrap，默认的css文件，然后是单独的页面css文件。我的css文件如下所示：
// Place all the styles related to the Hotel controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
//*= require_self
//*= require jquery.ui.all
//*= require bootstrap_and_overrides.css.scss
//*= require defaults.css.scss
//*= require_tree ./hotels
这是它的加载方式：
<link href="/assets/hotels.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.core.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.theme.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.accordion.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.autocomplete.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.button.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.datepicker.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.dialog.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.progressbar.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.resizable.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.selectable.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.slider.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.tabs.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.base.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/jquery.ui.all.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/bootstrap_and_overrides.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/defaults.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/hotels/add_fonts.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/hotels/carousel.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/hotels/carousel_side_text.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/hotels/directions.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/hotels/fileuploader.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/hotels/gmaps4rails.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/hotels/index.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/hotels/specials.css?body=1" media="screen" rel="stylesheet" type="text/css" />
但是当我在firebug中检查一个元素时，它是：
[来自Bootstrap的一堆东西]
[我的默认文件中的CSS]＆lt; ----被引导程序覆盖
[来自Bootstrap的一堆东西]
所以我没理解。我的默认值是在引导程序之后加载的，但它们被引导程序覆盖。我不知道这是怎么可能的。
编辑添加：
这是一个span7 div，我试图摆脱左边距。不幸的是，你可以看到我的覆盖是在那个块的中间。 margin-left：0px;正在被覆盖。
.row-fluid .span7 {
width: 57.265%;
}
bootst...?body=1 (line 6396)
.row-fluid [class*="span"] {
-moz-box-sizing: border-box;
display: block;
float: left;
margin-left: 2.5641%;
min-height: 30px;
width: 100%;
}
bootst...?body=1 (line 6290)
.row-fluid .span7 {
width: 57.4468%;
}
bootst...?body=1 (line 469)
.row-fluid [class*="span"] {
-moz-box-sizing: border-box;
display: block;
float: left;
margin-left: 2.12766%;
min-height: 30px;
width: 100%;
}
bootst...?body=1 (line 363)
.text-line-buttons {
float: left;
margin-left: 0;
text-align: left;
}
**defaul...?body=1 (line 224)
.span7 {
width: 670px;
}**
bootst...?body=1 (line 6185)
[class*="span"] {
float: left;
margin-left: 30px;
}
bootst...?body=1 (line 6141)
.span7 {
width: 540px;
}
bootst...?body=1 (line 258)
[class*="span"] {
float: left;
margin-left: 20px;