एम्बेड
किसी भी डिवाइस पर स्केल करने वाला आंतरिक अनुपात बनाकर पैरेंट की चौड़ाई के आधार पर रिस्पॉन्सिव वीडियो या स्लाइड शो एम्बेड बनाएं।
के बारे में
नियम सीधे <iframe>
, <embed>
, <video>
, और <object>
तत्वों पर लागू होते हैं; .embed-responsive-item
जब आप अन्य विशेषताओं के लिए स्टाइल का मिलान करना चाहते हैं तो वैकल्पिक रूप से एक स्पष्ट वंश वर्ग का उपयोग करें ।
प्रो टिप! frameborder="0"
आपको अपने s में शामिल करने की आवश्यकता नहीं है <iframe>
क्योंकि हम इसे आपके लिए ओवरराइड करते हैं।
उदाहरण
किसी भी एम्बेड को <iframe>
मूल तत्व में .embed-responsive
और पक्षानुपात के साथ लपेटें। यह .embed-responsive-item
कड़ाई से आवश्यक नहीं है, लेकिन हम इसे प्रोत्साहित करते हैं।
अभिमुखता अनुपात
पहलू अनुपात को संशोधक वर्गों के साथ अनुकूलित किया जा सकता है। डिफ़ॉल्ट रूप से निम्नलिखित अनुपात वर्ग प्रदान किए जाते हैं:
के भीतर _variables.scss
, आप उन पक्षानुपातों को बदल सकते हैं जिनका आप उपयोग करना चाहते हैं। यहाँ सूची का एक उदाहरण है $embed-responsive-aspect-ratios
: