বুটস্ট্রাপ সিএসএস ফরম রেফারেন্স - Bootstrap CSS form Reference
বুটস্ট্রাপের ডিফল্ট সেটিংস
বুটস্ট্রাপের সাহায্যে প্রতিটি ফরমই কিছু সার্বজনীন স্টাইল গ্রহন করে।
class="form-control" ক্লাস যুক্ত সকল <input>, <textarea>,
এবং <select> এলিমেন্টের ডিফল্ট প্রস্থ ১০০% হয়।
বুটস্ট্রাপের ফরমের কিছু স্ট্যান্ডার্ড রুলস:
-
<form>এলিমেন্টেrole="form"এট্রিবিউট যোগ করি (স্ক্রিন রিডার ব্যবহারকারীদের জন্য সুবিধা হয়) -
<div>এলিমেন্টের মাঝে label এবং form control কে রাখি যারclass="form-group"(সর্বোচ্চ ব্যবধান তৈরি করার জন্য ব্যবহার করা হয়) - সকল
<input>,<textarea>, এবং<select>এলিমেন্টেclass="form-control"যোগ করুন।
নিচের উদাহরনে একটি সাধারণ বুটস্ট্রাপ ফরম তৈরি করা হয়েছে যাতে দুটি ইনপুট ফিল্ড, একটি চেকবক্স এবং একটি সাবমিট বাটন রয়েছে:
বুটস্ট্রাপ ফরম উদাহরণ
<form role="form">
<div class="form-group">
<label for="email">ইমেইল এড্রেস:</label>
<input
type="email" class="form-control" id="email">
</div>
<div class="form-group">
<label
for="pwd">পাসওয়ার্ড:</label>
<input type="password"
class="form-control" id="pwd">
</div>
<div class="checkbox">
<label><input type="checkbox">
মনে রাখুন</label>
</div>
<button type="submit" class="btn btn-default">সাবমিট</button>
</form>
ফরম টিউটোরিয়াল »
বুটস্ট্রাপ ফরম সংক্রান্ত ক্লাসসমূহ
| ক্লাস | বর্ণনা | উদাহরণ |
|---|---|---|
| .form-inline | <form> কে ইনলাইন-ব্লক কন্ট্রোলে রুপান্তর করে এবং বামদিক থেকে শুরু হয় (যেসব ডিভাইসের ভিউপোর্ট কমপক্ষে ৭৬৮ পিক্সেল তাদের জন্য ইহা প্রযোজ্য) | ফরম টিউটোরিয়াল |
| .form-horizontal | ফরমের লেবেল এবং গ্রুপকে অনুভূমিক লাইনে দেখাবে | ফরম টিউটোরিয়াল |