স্নিপেট
কাস্টম CSS এবং আরও অনেক কিছুর সাথে বিদ্যমান উপাদান এবং ইউটিলিটিগুলির উপর তৈরি সাইট এবং অ্যাপ তৈরির জন্য সাধারণ নিদর্শন।
![](/docs/5.1/assets/img/examples/headers.png)
হেডার
এই হেডার উপাদানগুলির সাথে আপনার ব্র্যান্ডিং, নেভিগেশন, অনুসন্ধান এবং আরও অনেক কিছু প্রদর্শন করুন৷
![](/docs/5.1/assets/img/examples/heroes.png)
হিরোস
নায়কদের সাথে আপনার হোমপেজে স্টেজ সেট করুন যা স্পষ্ট কল টু অ্যাকশন বৈশিষ্ট্যযুক্ত।
![](/docs/5.1/assets/img/examples/features.png)
বৈশিষ্ট্য
আপনার বিপণন সামগ্রীর বৈশিষ্ট্য, সুবিধা বা অন্যান্য বিবরণ ব্যাখ্যা করুন।
![](/docs/5.1/assets/img/examples/sidebars.png)
সাইডবার
অফক্যানভাস বা মাল্টি-কলাম লেআউটের জন্য সাধারণ নেভিগেশন প্যাটার্ন আদর্শ।
![](/docs/5.1/assets/img/examples/footers.png)
পাদদেশ
একটি দুর্দান্ত ফুটার দিয়ে শক্তিশালী প্রতিটি পৃষ্ঠা শেষ করুন, বড় বা ছোট।
![](/docs/5.1/assets/img/examples/dropdowns.png)
ড্রপডাউন
ফিল্টার, আইকন, কাস্টম শৈলী এবং আরও অনেক কিছু দিয়ে আপনার ড্রপডাউনগুলিকে উন্নত করুন৷
![](/docs/5.1/assets/img/examples/list-groups.png)
গ্রুপ তালিকাভুক্ত করুন
যেকোন বিষয়বস্তুর জন্য ইউটিলিটি এবং কাস্টম শৈলী সহ তালিকা গ্রুপগুলি প্রসারিত করুন।
![](/docs/5.1/assets/img/examples/modals.png)
মডেল
ফিচার ট্যুর থেকে শুরু করে ডায়ালগ পর্যন্ত যেকোন উদ্দেশ্য পূরণ করতে মডেল ট্রান্সফর্ম করুন।
কাস্টম উপাদান
লোকেদের দ্রুত বুটস্ট্র্যাপ শুরু করতে এবং ফ্রেমওয়ার্ক যোগ করার জন্য সর্বোত্তম অনুশীলনগুলি প্রদর্শন করতে সাহায্য করার জন্য একেবারে নতুন উপাদান এবং টেমপ্লেট।
![](/docs/5.1/assets/img/examples/album.png)
অ্যালবাম
ফটো গ্যালারী, পোর্টফোলিও এবং আরও অনেক কিছুর জন্য সহজ এক-পৃষ্ঠার টেমপ্লেট।
![](/docs/5.1/assets/img/examples/pricing.png)
মূল্য নির্ধারণ
কার্ডের সাথে নির্মিত এবং একটি কাস্টম শিরোনাম এবং ফুটার বৈশিষ্ট্যযুক্ত উদাহরণ মূল্যের পৃষ্ঠা।
![](/docs/5.1/assets/img/examples/checkout.png)
চেকআউট
কাস্টম চেকআউট ফর্ম আমাদের ফর্ম উপাদান এবং তাদের বৈধতা বৈশিষ্ট্য দেখাচ্ছে.
![](/docs/5.1/assets/img/examples/product.png)
পণ্য
বিস্তৃত গ্রিড এবং চিত্রের কাজ সহ লীন পণ্য-কেন্দ্রিক বিপণন পৃষ্ঠা।
![](/docs/5.1/assets/img/examples/cover.png)
আবরণ
সহজ এবং সুন্দর হোম পেজ তৈরির জন্য একটি এক-পৃষ্ঠার টেমপ্লেট।
![](/docs/5.1/assets/img/examples/carousel.png)
ক্যারোসেল
নেভিবার এবং ক্যারোজেল কাস্টমাইজ করুন, তারপর কিছু নতুন উপাদান যোগ করুন।
![](/docs/5.1/assets/img/examples/blog.png)
ব্লগ
হেডার, নেভিগেশন, বৈশিষ্ট্যযুক্ত বিষয়বস্তু সহ ব্লগ টেমপ্লেটের মতো ম্যাগাজিন।
![](/docs/5.1/assets/img/examples/dashboard.png)
ড্যাশবোর্ড
স্থির সাইডবার এবং নেভিবার সহ বেসিক অ্যাডমিন ড্যাশবোর্ড শেল।
![](/docs/5.1/assets/img/examples/sign-in.png)
সাইন ইন করুন
একটি সাধারণ সাইন ইন ফর্মের জন্য কাস্টম ফর্ম লেআউট এবং ডিজাইন৷
![](/docs/5.1/assets/img/examples/sticky-footer.png)
স্টিকি ফুটার
পৃষ্ঠার বিষয়বস্তু ছোট হলে ভিউপোর্টের নীচে একটি ফুটার সংযুক্ত করুন।
![](/docs/5.1/assets/img/examples/sticky-footer-navbar.png)
স্টিকি ফুটার নববার
একটি নির্দিষ্ট শীর্ষ নেভিবার সহ ভিউপোর্টের নীচে একটি ফুটার সংযুক্ত করুন৷
![](/docs/5.1/assets/img/examples/jumbotron.png)
জাম্বোট্রন
বুটস্ট্র্যাপ 4 এর জাম্বোট্রন পুনরায় তৈরি এবং উন্নত করতে ইউটিলিটিগুলি ব্যবহার করুন।
ফ্রেমওয়ার্ক
বুটস্ট্র্যাপ দ্বারা প্রদত্ত অন্তর্নির্মিত উপাদানগুলির ব্যবহার বাস্তবায়নের উপর ফোকাস করা উদাহরণ।
![](/docs/5.1/assets/img/examples/starter-template.png)
স্টার্টার টেমপ্লেট
মৌলিক বিষয় ছাড়া আর কিছুই নয়: কম্পাইল করা CSS এবং JavaScript।
![](/docs/5.1/assets/img/examples/grid.png)
গ্রিড
চারটি স্তর, নেস্টিং এবং আরও অনেক কিছু সহ গ্রিড লেআউটের একাধিক উদাহরণ।
![](/docs/5.1/assets/img/examples/cheatsheet.png)
চিটশীট
বুটস্ট্র্যাপ উপাদানের রান্নাঘর সিঙ্ক.
![](/docs/5.1/assets/img/examples/cheatsheet-rtl.png)
চিটশিট আরটিএল
বুটস্ট্র্যাপ উপাদানের রান্নাঘর সিঙ্ক, RTL.
নভবারস
ডিফল্ট নেভিবার কম্পোনেন্ট নেওয়া এবং দেখানো হচ্ছে কিভাবে এটি সরানো, স্থাপন করা এবং প্রসারিত করা যায়।
![](/docs/5.1/assets/img/examples/navbars.png)
নভবারস
নেভিবারের জন্য সমস্ত প্রতিক্রিয়াশীল এবং ধারক বিকল্পের প্রদর্শন।
![](/docs/5.1/assets/img/examples/navbar-static.png)
নববার স্ট্যাটিক
কিছু অতিরিক্ত কন্টেন্ট সহ স্ট্যাটিক টপ নেভিবারের একক ন্যাভবার উদাহরণ।
![](/docs/5.1/assets/img/examples/navbar-fixed.png)
নববার স্থির
কিছু অতিরিক্ত সামগ্রী সহ একটি নির্দিষ্ট শীর্ষ নেভিবার সহ একক ন্যাভবার উদাহরণ।
![](/docs/5.1/assets/img/examples/navbar-bottom.png)
Navbar নীচে
কিছু অতিরিক্ত কন্টেন্ট সহ নীচের ন্যাভবার সহ একক ন্যাভবার উদাহরণ।
![](/docs/5.1/assets/img/examples/offcanvas-navbar.png)
অফক্যানভাস নববার
আপনার প্রসারণযোগ্য নেভিবারকে একটি স্লাইডিং অফক্যানভাস মেনুতে পরিণত করুন (আমাদের অফক্যানভাস উপাদান ব্যবহার করে না)।
আরটিএল
এই পরিবর্তিত কাস্টম উপাদান উদাহরণগুলির সাথে বুটস্ট্র্যাপের RTL সংস্করণটি দেখুন৷
RTL বৈশিষ্ট্যটি এখনও পরীক্ষামূলক এবং সম্ভবত ব্যবহারকারীর প্রতিক্রিয়া অনুযায়ী বিকশিত হবে। কিছু খুঁজে পেয়েছেন বা সুপারিশ করার জন্য একটি উন্নতি আছে? একটি সমস্যা খুলুন , আমরা আপনার অন্তর্দৃষ্টি পেতে চাই।
![](/docs/5.1/assets/img/examples/album-rtl.png)
অ্যালবাম আরটিএল
ফটো গ্যালারী, পোর্টফোলিও এবং আরও অনেক কিছুর জন্য সহজ এক-পৃষ্ঠার টেমপ্লেট।
![](/docs/5.1/assets/img/examples/checkout-rtl.png)
চেকআউট RTL
কাস্টম চেকআউট ফর্ম আমাদের ফর্ম উপাদান এবং তাদের বৈধতা বৈশিষ্ট্য দেখাচ্ছে.
![](/docs/5.1/assets/img/examples/carousel-rtl.png)
ক্যারোজেল আরটিএল
নেভিবার এবং ক্যারোজেল কাস্টমাইজ করুন, তারপর কিছু নতুন উপাদান যোগ করুন।
![](/docs/5.1/assets/img/examples/blog-rtl.png)
ব্লগ আরটিএল
হেডার, নেভিগেশন, বৈশিষ্ট্যযুক্ত বিষয়বস্তু সহ ব্লগ টেমপ্লেটের মতো ম্যাগাজিন।
![](/docs/5.1/assets/img/examples/dashboard-rtl.png)
ড্যাশবোর্ড আরটিএল
স্থির সাইডবার এবং নেভিবার সহ বেসিক অ্যাডমিন ড্যাশবোর্ড শেল।
ইন্টিগ্রেশন
বাহ্যিক লাইব্রেরির সাথে ইন্টিগ্রেশন।
![](/docs/5.1/assets/img/examples/masonry.png)
রাজমিস্ত্রির কাজ
বুটস্ট্র্যাপ গ্রিড এবং রাজমিস্ত্রির লেআউটের ক্ষমতা একত্রিত করুন।
বুটস্ট্র্যাপ থিমগুলির সাথে আরও যান
এই উদাহরণগুলির চেয়ে আরও কিছু প্রয়োজন? অফিসিয়াল বুটস্ট্র্যাপ থিম মার্কেটপ্লেস থেকে প্রিমিয়াম থিম সহ বুটস্ট্র্যাপকে পরবর্তী স্তরে নিয়ে যান ৷ তারা তাদের নিজস্ব বর্ধিত ফ্রেমওয়ার্ক হিসাবে তৈরি করা হয়েছে, নতুন উপাদান এবং প্লাগইন, ডকুমেন্টেশন এবং শক্তিশালী বিল্ড টুল সমৃদ্ধ।
থিম ব্রাউজ করুন![বুটস্ট্র্যাপ থিম](/docs/5.1/assets/img/bootstrap-themes-collage.png)