বুটস্ট্রাপ ইনপুট গ্রুপের ব্যবহার

ইনপুট ফিল্ডে প্রিপেনডেড এবং অ্যাপেনডেড কন্টেন্ট যোগ করে ব্যবহারকারীর ইনপুটের সাথে সাধারণ এলিমেন্ট যোগ করা যায়। উদাহরণস্বরূপ, আপনি ডলার সিম্বল, টুইটার ইউজারনেমের জন্য @, বা আপনার অ্যাপ্লিকেশন ইন্টারফেসের জন্য যেকোনো সাধারণ কিছুর যোগ করতে পারেন।

উদাহরণ

নিচের কোডটি চালিয়ে বুটস্ট্রাপ ইনপুট গ্রুপ তৈরি করতে পারেন:

<!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>