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

बूटस्ट्रैप बटन के लिए आकार जोड़ें


बूटस्ट्रैप में बटनों के लिए आकार जोड़ने के लिए, निम्न वर्गों को आजमाएं:

Class
<वें शैली ="चौड़ाई:83.4627%;">विवरण
.btn-lg
इससे बटन का आकार बड़ा हो जाता है।
.btn-sm
इससे बटन का आकार छोटा हो जाता है।
.btn-xs
इससे बटन का आकार और छोटा हो जाता है।
.btn-block
इससे ब्लॉक स्तरीय बटन बनते हैं—वे जो एक पैरेंट की पूरी चौड़ाई तक फैले होते हैं।

उदाहरण

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

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap Example</title>  
      <meta name = "viewport" content = "width = device-width, initial-scale = 1">
      <link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <script src = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
   </head>
   <body>
      <button type = "button" class = "btn btn-default btn-sm">
         Small button
      </button>
   </body>
</html>

  1. पायथन टिंकर बटन पर छवि जोड़ें

    टिंकर, जो कि पायथन प्रोग्रामिंग के लिए जीयूआई पुस्तकालय है, में जीयूआई बटन में छवियों को जोड़ने की सुविधा है। यह उपयोगकर्ताओं के लिए GUI में पाठ के बजाय GUI में प्रतीकों को याद रखने के लिए उपयोगी है। नीचे दिए गए टिंकर प्रोग्राम में हम दिखाते हैं कि हम जीयूआई बटन में एक छवि कैसे जोड़ सकते हैं। इमेजके

  1. प्वाइंट प्रेजेंटेशन में एक्शन बटन कैसे जोड़ें

    एप्लिकेशन में एक अजीब जगह में मिला, आप अपनी प्रस्तुति को अधिक इंटरैक्टिव और दर्शक के लिए उपयोग में आसान बनाने के लिए एक PowerPoint स्लाइड में एक्शन बटन जोड़ सकते हैं। ये क्रिया बटन प्रस्तुति को नेविगेट करने में आसान बना सकते हैं और आपकी प्रस्तुति में स्लाइड्स को वेब पेजों की तरह व्यवहार कर सकते हैं

  1. 9 iPhone X के लिए उपयोगी टिप्स

    iPhone X अन्य iPhones से बिल्कुल अलग है, यह स्मार्टफोन में एक नए युग की शुरुआत का प्रतीक है, जहां डिस्प्ले, चेहरे की पहचान, एनिमोजी और इशारों का उपयोग सब कुछ नियंत्रित करने के लिए किया जाएगा। लेकिन, होम बटन के बिना यह अव्यावहारिक और कठिन लगता है। ठीक है, परिवर्तनों के अनुकूल होने में हमेशा समय लगता