Özel CSS, Bootstrap tarafından iptal ediliyor

Question

Bir önyükleme tablom var. Tabloyu, özel CSS'yi uygulayarak ortalamaya çalışıyorum ancak CSS, tabloya uygulanmıyor.

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

Benim özel CSS dosyası (custom.css.scss):

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

ve sadece application.css içinde *= require custom dahil ediyorum

Bir mücevher yoluyla önyükleme yüklediniz. Ancak, @import "bootstrap-sprockets"; ve @import "bootstrap";'u kaldırdığımda (yani önyüklemeyi kaldırdığınızda), tablo ortada yerleştirilir.

Answer 1

bunun için en kolay çözümü aşağıda tablo içinde stil özelliğini uygulayarak şudur: Sen genişlik işe belirtmelidir

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

. style özniteliği, bootstrap css'de üstte bulunur.