बूटस्ट्रैप इनपुट ग्रुप्स का उपयोग

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

उदाहरण

आप बूटस्ट्रैप इनपुट ग्रुप बनाने के लिए निम्नलिखित कोड चलाने का प्रयास कर सकते हैं:

<!DOCTYPE html> <html>    <head>       <title>Bootstrap Input Group</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 style = "padding: 100px 100px 10px;">          <form class = "bs-example bs-example-form" role = "form">             <div class = "input-group">                <span class = "input-group-addon">@</span>                <input type = "text" class = "form-control" placeholder = "twitterhandle">             </div>             <br>             <div class = "input-group">                <input type = "text" class = "form-control">                <span class = "input-group-addon">.00</span>             </div>             <br>             <div class = "input-group">                 span class = "input-group-addon">$</span>                <input type = "text" class =" form-control">                <span class = "input-group-addon">.00</span>             </div>          </form>       </div>    </body> </html>