Twitter Bootstrap Customize Yöntemleri

28 Jan 2014

Custom Class ile Override Etmek

Sayfada istenmeyen property leri override etmek icin custom class lar kullanılabilir.

panel-custom {
  position: relative;
  margin-top: -30px;
  -webkit-box-shadow: 0 0 3px #dadada;
  box-shadow: 0 0 3px #dadada;
  border: 0;
  z-index: 8;
}

Variable’lar Kullanarak Customize Etmek

Variable ‘lar twitter bootstrap’ı customize etmek icin cok daha akıcı bir kod yazma imkanı sunmaktadır. Ayrıca property ler override edilmeksizin temiz bir css output alınabilir.

Eger bootstrap-sass ‘i kullanıyorsaniz, _bootstrap-custom.sass dosyası gem den once import edilmelidir.

//BOOTSTRAP OVERRIDE
@import partials/bootstrap-custom
//FROM GEM
@import bootstrap