Önyükleme ortamı sorguları koşulları nasıl değiştirilir?

Question

Biz gibi büyük ekran için önyükleme ayarları vardır: -

Ben max-genişliğine geçersiz kılmak istediğiniz

/* Large Devices, Wide Screens */ 
@media only screen and (max-width : 1200px) { 

} 

: 1920px. Çekirdeği kesmeden bunu nasıl yapabilirim?

Not: Ön uç bağımlılıklarımı bower yoluyla sürdürüyorum, bu nedenle değişikliklerin özel CSS dosyalarında korunmasını istiyorum. Bu konfigürasyonları "geçersiz kılacak" bir yol var mı?

Answer 1

Özel bir sürüm oluşturmak için belgelerindeki özel sayfayı kullanın.

http://getbootstrap.com/customize/#media-queries-breakpoints

Answer 2

Sadece Bootstrap en _variables.scss dosyayı güncellemeniz gerekir. Bu size "çekirdek hack" neyi kastettiğini ise

$screen-xs:     480px !default; 
$screen-xs-min:    $screen-xs !default; 
$screen-phone:    $screen-xs-min !default; 

$screen-sm:     768px !default; 
$screen-sm-min:    $screen-sm !default; 
$screen-tablet:    $screen-sm-min !default; 

$screen-md:     992px !default; 
$screen-md-min:    $screen-md !default; 
$screen-desktop:    $screen-md-min !default; 

$screen-lg:     1200px !default; 
$screen-lg-min:    $screen-lg !default; 
$screen-lg-desktop:   $screen-lg-min !default; 

$screen-xs-max:    ($screen-sm-min - 1) !default; 
$screen-sm-max:    ($screen-md-min - 1) !default; 
$screen-md-max:    ($screen-lg-min - 1) !default; 

emin değilim ama o değil temin: Bu kesme noktaları değiştirmek için size bütün değişkenler mevcuttur.

## Define the breakpoints at which your layout will change, adapting to different screen sizes. 

: dosyasında kendi yorumlarla tarafından görülebileceği gibi bu değerler, değişecek demektir vardır