自举CSS被Bootstrap

Question

我有一个引导表。我试图通过应用自定义CSS来使表格居中，但CSS没有应用于表格。

我已经通过gem安装了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%; 
}

我只在*= require custom中加入application.css。

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

Answer 1

最简单的解决方案是在表格中应用样式属性，如下所示：

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

您应指定要使用的宽度。 style属性在bootstrap css上占了上风。