बूटस्ट्रैप 4 पुल-एक्सएस-दाएं अपेक्षित काम नहीं कर रहे हैं

Question

मेरे पास स्क्रीन के दाईं ओर बटन खींचने के लिए bootstrap 4 utilities का उपयोग करके यह HTML है। और यह ऐसा करता है।

हालांकि, बटन अपेक्षाकृत नीचे सामग्री को धक्का नहीं देते हैं। वे नीचे दी गई सामग्री के शीर्ष पर ओवरलेड हो जाते हैं।

यदि मैं pull-xs-right का उपयोग नहीं करता हूं तो बटन गठबंधन छोड़ दिए जाते हैं, लेकिन वे नीचे दिए गए आइटम को दबाते हैं।

क्या कोई अन्य वर्ग मुझे आवेदन करने की आवश्यकता है?

 <div class="pull-xs-right"> 
      <button click.delegate="saveEdit()" 
        type="submit" 
        class="k-button k-primary"> 
       Save 
      </button> 
      <button click.delegate="cancel()" 
        class="k-button"> 
       Cancel 
      </button> 
     </div> 

Answer 1

बूटस्ट्रैप 4 में .float-{sm,md,lg,xl}-{left,right,none} वर्गों उत्तरदायी तैरता के लिए जोड़ा, और .pull-left और .pull-right प्रतिस्थापित किया गया।

इसका मतलब है कि:

.pull-right द्वारा .float-right

.pull-left बदल दिया गया था है गलत, .float पुल के बीच xs द्वारा .pull की जगह द्वारा .float-left

.pull-xs-right बदल दिया गया था और सही जो निर्धारित करता है अतिरिक्त छोटा सा के लिए खड़ा है तत्व का आकार। {xs,sm,md,lg,xl} जहां xs = अतिरिक्त छोटे, sm = छोटे, md = मध्यम, lg = बड़े और xl = अतिरिक्त बड़ी

देखें: https://v4-alpha.getbootstrap.com/migration/

Answer 2

नाव जैसा कि ऊपर उल्लेख की जगह निम्नलिखित विकल्पों के तत्व आकार बदलने के लिए कर रहे हैं खींचें। तो .float-right.pull-right और .float-left.pull-right को प्रतिस्थापित करता है। आप अलग-अलग ब्रेकपॉइंट्स के लिए {sm,md,lg,xl} जोड़ सकते हैं उदाहरण के लिए .float-md-right मध्यम आकार की स्क्रीन पर टूट जाएगा। यदि आप आकार छोड़ देते हैं तो यह तोड़ नहीं जाएगा और हमेशा निर्देशित दिशा में तैर जाएगा।