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

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


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

उदाहरण

आप बटन ड्रॉपडाउन को विभाजित करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं -

<!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 = "btn-group">
         <button type = "button" class = "btn btn-default">Admissions</button>
         <button type = "button" class = "btn btn-default dropdown-toggle" data-toggle = "dropdown">
            <span class = "caret"></span>
            <span class = "sr-only">Toggle Dropdown</span>
         </button>
         <ul class = "dropdown-menu" role = "menu">
            <li><a href = "#">Masters</a></li>
            <li><a href = "#">Bachelors</a></li>
         </ul>
      </div>
      <div class = "btn-group">
         <button type = "button" class = "btn btn-primary">Faculty</button>
         <button type = "button" class = "btn btn-primary dropdown-toggle" data-toggle = "dropdown">
            <span class = "caret"></span>
            <span class = "sr-only">Toggle Dropdown</span>
         </button>
         <ul class = "dropdown-menu" role = "menu">
            <li><a href = "#">Management</a></li>
            <li><a href = "#">Technical</a></li>
            <li><a href = "#">Staff</a></li>
         </ul>
      </div>
   </body>
</html>

  1. बूटस्ट्रैप के साथ ड्रॉपडाउन मेनू कैसे बनाएं

    कोई फर्क नहीं पड़ता कि आप एक साधारण एक पेज पोर्टफोलियो वेबसाइट बना रहे हैं, एक बड़ी कंपनी के लिए एक मोनोलिथिक ऐप, एक ब्लॉग या एक मंच, संभावना है कि आपको ड्रॉपडाउन मेनू की आवश्यकता होगी। ड्रॉपडाउन मेनू विशेष रूप से तब उपयोगी होता है जब आपके पास बहुत सारे लिंक या कार्य होते हैं, लेकिन उन सभी को एक

  1. बूटस्ट्रैप बटन

    बटन तत्व इस अर्थ में अधिक उपयोगी हाइपरटेक्स्ट मार्कअप लैंग्वेज (एचटीएमएल) तत्वों में से एक है कि यह उपयोगकर्ता को एक पृष्ठ के साथ बातचीत करने में सक्षम बनाता है। लॉग इन करना, सदस्यता लेना, हटाना या कुछ खोलना, मेनू दिखाना, रंग विषय बदलना बटन के साथ की जाने वाली क्रियाएं हैं। डिफ़ॉल्ट ब्राउज़र बट

  1. सीएसएस के साथ स्प्लिट बटन ड्रॉपडाउन कैसे बनाएं?

    CSS के साथ स्प्लिट बटन ड्रॉपडाउन बनाने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body {    font-family: "Lucida Sans", "Luci