Bootstrap में त्रुटियों, चेतावनियों और सफलता संदेशों के लिए वैलिडेशन स्टाइल शामिल हैं। उपयोग करने के लिए, बस उपयुक्त क्लास (.has-warning, .has-error, या .has-success) को पैरेंट एलिमेंट में जोड़ें। उदाहरण वैलिडेशन स्टेट्स लागू करने के लिए निम्न कोड चलाएं: <!DOCTYPE html> <html>   &n

select का उपयोग तब किया जाता है जब आप उपयोगकर्ता को कई विकल्पों में से चुनने देना चाहते हैं, लेकिन डिफ़ॉल्ट रूप से यह केवल एक विकल्प की अनुमति देता है। उन सूची विकल्पों के लिए <select> का उपयोग करें जिनसे उपयोगकर्ता परिचित हों, जैसे राज्य या संख्याएँ। multiple="multiple" का उपयोग क

.input-lg और .col-lg-* जैसी क्लासेस का उपयोग करके फॉर्म की ऊंचाई और चौड़ाई सेट करें। उदाहरण फॉर्म की ऊंचाई और चौड़ाई सेट करने के लिए निम्न कोड चलाएं: <!DOCTYPE html> <html>    <head>       <title>Bootstrap Example</title>       &

जब आपको कई पंक्तियों का इनपुट चाहिए तो textarea का उपयोग किया जाता है। Bootstrap फॉर्म में टेक्स्टएरिया के साथ काम करने के लिए निम्न कोड आज़माएं: उदाहरण <!DOCTYPE html> <html>    <head>       <title>Bootstrap Forms</title>      

Bootstrap में बटन्स का आकार बदलने के लिए निम्नलिखित क्लासेस का उपयोग करें: क्लास विवरण .btn-lg बटन को बड़ा बनाता है। .btn-sm बटन को छोटा बनाता है। .btn-xs बटन को अतिरिक्त छोटा बनाता है। .btn-block ब्लॉक लेवल बटन बनाता है जो पैरेंट की पूरी चौड़ाई घेरता है। उदाहरण निम्न कोड चलाकर एक छ

Bootstrap में img-rounded क्लास का उपयोग करके आप अपनी इमेज को स्टाइल कर सकते हैं और उसे गोल कोने दे सकते हैं। उदाहरण <!DOCTYPE html> <html>    <head>       <title>Bootstrap Images</title>       <link href = "/bootstrap/cs

किसी तत्व का फ्लोट क्लियर करने के लिए, Bootstrap की .clearfix क्लास का उपयोग करें। उदाहरण निम्न कोड चलाकर किसी तत्व का फ्लोट क्लियर करें: <!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href=/bootstrap/css/bootstrap.min.css rel=styleshe

marker-offset गुण आपको मार्कर और उससे संबंधित टेक्स्ट के बीच की दूरी निर्दिष्ट करने की अनुमति देता है। उदाहरण निम्न कोड चलाकर marker-offset गुण लागू करें: <html> <head> </head> <body> <ul style=list-style: inside square; marker-offset:3em;> <li>UK&

बुलेट पॉइंट्स वाले बॉक्स के अंदर मार्कर सेट करने के लिए, list-style-position गुण का उपयोग inside मान के साथ करें। inside मान का अर्थ है यदि टेक्स्ट दूसरी पंक्ति पर जाता है, तो टेक्स्ट मार्कर के नीचे लपेटा जाएगा। यह वहां भी इंडेंटेड दिखाई देगा जहां टेक्स्ट शुरू होता अगर सूची का मान outside होता। उदाह

बुलेट पॉइंट्स वाले बॉक्स के बाहर मार्कर सेट करने के लिए, list-style-position गुण का उपयोग outside मान के साथ करें। outside मान का अर्थ है यदि टेक्स्ट दूसरी पंक्ति पर जाता है, तो टेक्स्ट पहली पंक्ति की शुरुआत के साथ संरेखित होगा। <html> <head> </head> <body> <ul s

list-style-position गुण इंगित करता है कि मार्कर को बुलेट पॉइंट्स वाले बॉक्स के अंदर या बाहर दिखना चाहिए। यदि टेक्स्ट दूसरी पंक्ति पर जाता है, तो inside मान के लिए टेक्स्ट मार्कर के नीचे लपेटा जाएगा। उदाहरण यदि टेक्स्ट दूसरी पंक्ति पर जाता है, तो outside मान के लिए टेक्स्ट पहली पंक्ति की शुरुआत के सा

list-style-image बुलेट पॉइंट या नंबर के बजाय मार्कर के लिए एक छवि निर्दिष्ट करता है। निम्न कोड चलाकर list-style-image गुण लागू करें: उदाहरण <html> <head> </head> <body> <ul> <li style=list-style-image: url(/images/bullet.gif);>Karnataka</li>

इंद्रधनुषी रंगों की तरह दिखने वाला रैखिक ग्रेडिएंट बनाने के लिए, निम्न कोड चलाएं: उदाहरण <!DOCTYPE html> <html> <head> <style> #demo { height: 100px; background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); }

L.C.M. या दो मानों का लघुत्तम समापवर्त्य, वह सबसे छोटा धनात्मक मान है जो दोनों मानों का गुणक है। उदाहरण के लिए 3 और 4 के गुणक हैं: 3 → 3, 6, 9, 12, 15 ... 4 → 4, 8, 12, 16, 20 ... दोनों का सबसे छोटा सामान्य गुणक 12 है, इसलिए 3 और 4 का LCM 12 है। प्रोग्राम निम्न उदाहरण संख्याओं की सरणी का LCM गणना कर

margin-top किसी तत्व का ऊपरी मार्जिन निर्दिष्ट करता है। इसका मान लंबाई, % या auto में हो सकता है। निम्न कोड चलाकर ऊपरी मार्जिन सेट करें: उदाहरण <html> <head> </head> <body> <p style=margin-top: 10px; border:2px solid red;> This is a paragraph with a spec

margin-bottom किसी तत्व का निचला मार्जिन निर्दिष्ट करता है। इसका मान लंबाई, % या auto में हो सकता है। निम्न कोड चलाकर निचला मार्जिन सेट करें: उदाहरण <html> <head> </head> <body> <p style=margin-bottom: 20px; border:2px solid red;> This is a paragraph wit

margin-bottom गुण किसी तत्व का निचला मार्जिन सेट करने के लिए उपयोग किया जाता है। इसका मान लंबाई, % या auto में हो सकता है। उदाहरण निम्न कोड चलाकर निचला मार्जिन सेट करें: <html> <head> </head> <body> <p style=margin-bottom: 40px; border:2px solid yellow;>

list-style-type गुण आपको ऑर्डर्ड सूचियों में नंबरिंग कैरेक्टर्स के आकार या शैली को नियंत्रित करने की अनुमति देता है। उदाहरण <html> <head> </head> <body> <ol style=list-style-type:decimal;> <li>India</li> <li>US</li> &l

list-style-type आपको मार्कर के आकार या उपस्थिति को नियंत्रित करने की अनुमति देता है। निम्न कोड चलाकर list-style-type गुण लागू करें: उदाहरण <html> <head> </head> <body> <ul style=list-style-type:circle;> <li>India</li> <li>Australi

list-style-type आपको मार्कर के आकार या उपस्थिति को नियंत्रित करने की अनुमति देता है। अनऑर्डर्ड सूची के लिए list-style-type गुण लागू करने के लिए निम्न कोड चलाएं: उदाहरण <html> <head> </head> <body> <ul style=list-style-type:circle;> <li>Apple</li