Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

बूटस्ट्रैप के साथ किसी तत्व के फ्लोट को साफ़ करें


किसी एलीमेंट के फ्लोट को साफ़ करने के लिए, .clearfix Bootstrap क्लास का उपयोग करें।

उदाहरण

आप किसी तत्व के फ्लोट को साफ़ करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>
      <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet">
      <script src = "/scripts/jquery.min.js"></script>
      <script src = "/bootstrap/js/bootstrap.min.js"></script>
   </head>
   <body>
      <div class = "clearfix" style = "background: orange;border: 1px solid #000; padding: 10px;">
         <div class = "pull-left" style = "background: blue; color: white;">
            left
         </div>
         <div class = "pull-right" style = "background: blue; color:white;">
            right
         </div>
      </div>
   </body>
</html>

  1. बूटस्ट्रैप के साथ घटकों को संरेखित करें

    नेवी लिंक्स, फॉर्म्स, बटन्स, या टेक्स्ट जैसे कंपोनेंट्स को यूटिलिटी क्लासेस .navbar-left या .navbar-right का उपयोग करके नेवबार में बाएँ या दाएँ संरेखित करने के लिए। दोनों वर्ग निर्दिष्ट दिशा में एक सीएसएस फ्लोट जोड़ देंगे। उदाहरण घटकों को संरेखित करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं

  1. बूटस्ट्रैप के साथ स्प्लिट बटन ड्रॉपडाउन

    स्प्लिट बटन ड्रॉपडाउन ड्रॉपडाउन बटन के समान सामान्य शैली का उपयोग करते हैं लेकिन ड्रॉपडाउन के साथ एक प्राथमिक क्रिया जोड़ते हैं। स्प्लिट बटन में बाईं ओर प्राथमिक क्रिया होती है और दाईं ओर एक टॉगल होता है जो ड्रॉपडाउन प्रदर्शित करता है। उदाहरण आप बटन ड्रॉपडाउन को विभाजित करने के लिए निम्न कोड चलाने

  1. जावास्क्रिप्ट के साथ वर्तमान तत्व में एक सक्रिय वर्ग कैसे जोड़ें?

    जावास्क्रिप्ट के साथ वर्तमान तत्व में एक सक्रिय वर्ग जोड़ने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    .btn {       border