এইচটিএমএল সিএসএস বুটস্ট্রাপ জাভাস্ক্রিপ্ট জেকুয়েরি
ফোরাম
×

বুটস্ট্রাপ টিউটোরিয়াল

হোম-Home শুরু করুন-Get Started গ্রীড বেসিক-Grid Basic

সিএসএস কম্পোনেন্ট

টাইপোগ্রাফী-Typography টেবিল-Table ইমেজ-Image জামবোর্টন-Jumbotron বুটস্ট্রাপ Well এলার্ট-Alert বাটন-Button বাটন গ্রুপ-Button Group গ্লিফআইকন-Glypicon ব্যাজ/লেভেল-Badge/Label প্রোগ্রেস বার-Progress Bar পেজিনেশন-Pagination পেজার-Pager লিস্ট গ্রুপ-List Group প্যানেল-Panel ফরম-Form ইনপুট-Input ইনপুট(২)-Input(2) ইনপুটের আকার-Input Sizing সাহায্যকারী-Helper

JS কম্পোনেন্ট

ড্রপডাউন-Dropdown কলাপ্স-Collapse ট্যাব/পিল-Tab/Pill ন্যাভবার-Navbar ক্যারোসেল-Carousel মোডাল-Modal টুলটিপ-Tooltip পপওভার-Popover স্ক্রলস্পাই-Scrollspy এফিক্স-Affix

বুটস্ট্রাপ গ্রীড সিস্টেম

গ্রীড সিস্টেম-Grid System বুটস্ট্রাপ Stacked/Horizontal গ্রীড ছোট-Grid Small গ্রীড মিডিয়াম-Grid Medium গ্রীড বড়-Grid Large গ্রীড উদাহরণ-Grid Example

বুটস্ট্রাপ রেফারেন্স

ড্রপডাউন-Dropdown কলাপ্স-Collapse ট্যাব-Tab বাটন-Button ক্যারোসেল-Carousel মোডাল-Modal স্ক্রলস্পাই-Scrollspy এফিক্স-Affix

 

বুটস্ট্রাপ সিএসএস ফরম রেফারেন্স


বুটস্ট্রাপের ডিফল্ট সেটিংস

বুটস্ট্রাপের সাহায্যে প্রতিটি ফরমই কিছু সার্বজনীন স্টাইল গ্রহন করে।

class="form-control" ক্লাস যুক্ত সকল <input>, <textarea>, এবং <select> এলিমেন্টের ডিফল্ট প্রস্থ ১০০% হয়।

বুটস্ট্রাপের ফরমের কিছু স্ট্যান্ডার্ড রুলস:

নিচের উদাহরনে একটি সাধারণ বুটস্ট্রাপ ফরম তৈরি করা হয়েছে যাতে দুটি ইনপুট ফিল্ড, একটি চেকবক্স এবং একটি সাবমিট বাটন রয়েছে:

বুটস্ট্রাপ ফরম উদাহরণ

<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 ফরমের লেবেল এবং গ্রুপকে অনুভূমিক লাইনে দেখাবে নিজে চেষ্টা করি