बूटस्ट्रैप मीडिया क्वेरीज स्थितियों को कैसे बदलें?

Question

हम के रूप में बड़ी स्क्रीन के लिए बूटस्ट्रैप सेटिंग है: -

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

} 

मैं अधिकतम-चौड़ाई को ओवरराइड करना चाहते: 1920px। कोर को हैक किए बिना मैं यह कैसे कर सकता हूं?

नोट: मैं बॉवर के माध्यम से अपनी फ्रंट एंड निर्भरताओं को बनाए रख रहा हूं, इसलिए मैं कस्टम सीएसएस फ़ाइलों पर परिवर्तनों को बनाए रखना चाहता हूं। क्या उन विन्यासों को "ओवरराइड" करने का कोई तरीका है?

Answer 1

कस्टम संस्करण बनाने के लिए प्रलेखन पर कस्टमाइज़ पेज का उपयोग करें।

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

Answer 2

तुम बस बूटस्ट्रैप के _variables.scss फ़ाइल को अद्यतन करने की जरूरत है। इन breakpoints को बदलने के लिए सभी चर आप के लिए उपलब्ध हैं:

$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; 

मैं अगर यह आपके द्वारा "मूल हैकिंग" क्या मतलब है यकीन नहीं है, लेकिन मैं विश्वास दिलाता हूं यह नहीं है कि। ये मान का मतलब बदलना है, जैसा कि फ़ाइल में अपनी टिप्पणियों द्वारा देखा जा सकता है:

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