自定义CSS越来越被Bootstrap覆盖

我有一个引导表。我试图通过应用自定义CSS将表居中，但CSS没有被应用到表中。自定义CSS越来越被Bootstrap覆盖

我已经通过宝石安装引导：

gem 'bootstrap-sass', '~>3.2.0.0' 
gem 'sass-rails', '~> 4.0.3'

我的自定义CSS文件（custom.css.scss）：

@import "bootstrap-sprockets"; 
@import "bootstrap"; 
table 
{ 
position:absolute; 
     top:50%; 
     left:50%; 
}

，我只包括application.css*= require custom。

但是，当我删除@import "bootstrap-sprockets";和@import "bootstrap";（即删除引导程序）时，表格将放置在中心。

我认为这两个进口都需要进入你的'applicaiton.css'。另外，如果您添加任何类型的标识符（例如'＃id'或'.class'），表规则是否会被覆盖？ –

我也试过把它放在应用程序.css中，我也尝试过使用CSS，但它不起作用:(然而，相同的代码在非导轨应用程序中使用bootstrap工作 –

这个最简单的解决方案是为以下应用样式属性表内：

<table style="margin:0 auto 0 auto;" width="50%">

应指定宽度工作。 style属性在引导CSS上占据上风。

2016-03-23 17:18:19

我试着将它放在应用程序.css中，我也试过CSS，但它不起作用:(然而，相同的代码是在非rails应用程序中使用bootstrap。 –

回答