উদাহৰণ
ফ্ৰেমৱৰ্কৰ অংশ ব্যৱহাৰ কৰাৰ পৰা কাষ্টম উপাদান আৰু বিন্যাসলৈকে আমাৰ যিকোনো উদাহৰণৰ সৈতে এটা প্ৰকল্প দ্ৰুতভাৱে আৰম্ভ কৰক।
উৎস ক'ড ডাউনলোড কৰকব্ৰেণ্ড নতুন উপাদান আৰু সাঁচসমূহ লোকসকলক Bootstrap ৰ সৈতে দ্ৰুতভাৱে আৰম্ভ কৰাত সহায় কৰিবলে আৰু ফ্ৰেমৱৰ্কত যোগ কৰাৰ বাবে উত্তম পদ্ধতিসমূহ প্ৰদৰ্শন কৰিবলে।
![এলবামৰ স্ক্ৰীণশ্বট](/docs/4.0/examples/screenshots/album.png)
এলবাম
ফটো গেলেৰী, পৰ্টফলিঅ', আৰু অধিক ৰ বাবে সৰল এটা পৃষ্ঠাৰ সাঁচ।
![মূল্য নিৰ্ধাৰণৰ স্ক্ৰীণশ্বট](/docs/4.0/examples/screenshots/pricing.png)
মূল্য নিৰ্ধাৰণ
কাৰ্ডসমূহৰ সৈতে নিৰ্মিত আৰু এটা স্বনিৰ্বাচিত হেডাৰ আৰু ফুটাৰ বৈশিষ্ট্যযুক্ত উদাহৰণ মূল্য নিৰ্ধাৰণ পৃষ্ঠা।
![স্ক্ৰীণশ্বট চেকআউট কৰক](/docs/4.0/examples/screenshots/checkout.png)
চেকআউট কৰক
আমাৰ ফৰ্ম উপাদানসমূহ আৰু ইয়াৰ বৈধকৰণ বৈশিষ্ট্যসমূহ দেখুওৱা কাষ্টম চেকআউট ফৰ্ম।
![প্ৰডাক্টৰ স্ক্ৰীণশ্বট](/docs/4.0/examples/screenshots/product.png)
সামগ্ৰী
বিস্তৃত গ্ৰীড আৰু ছবিৰ কামৰ সৈতে লিন পণ্য-কেন্দ্ৰিক বিপণন পৃষ্ঠা।
![কভাৰ স্ক্ৰীণশ্বট](/docs/4.0/examples/screenshots/cover.png)
আৱৰণ
সহজ আৰু সুন্দৰ হোম পেজ নিৰ্মাণৰ বাবে এটা এটা পৃষ্ঠাৰ সাঁচ।
![কেৰউজেলৰ স্ক্ৰীণশ্বট](/docs/4.0/examples/screenshots/carousel.png)
কেৰউজেল
navbar আৰু carousel কাষ্টমাইজ কৰক, তাৰ পিছত কিছুমান নতুন উপাদান যোগ কৰক।
![ব্লগ স্ক্ৰীণশ্বট](/docs/4.0/examples/screenshots/blog.png)
ব্লগ
হেডাৰ, নেভিগেচন, বৈশিষ্ট্যযুক্ত বিষয়বস্তুৰ সৈতে ব্লগ টেমপ্লেটৰ দৰে আলোচনী।
![ডেচব'ৰ্ডৰ স্ক্ৰীণশ্বট](/docs/4.0/examples/screenshots/dashboard.png)
ডেচবোৰ্ড
স্থিৰ চাইডবাৰ আৰু নেভবাৰৰ সৈতে মূল প্ৰশাসক ডেচব'ৰ্ড শ্বেল।
![চাইন-ইন স্ক্ৰীণশ্বট](/docs/4.0/examples/screenshots/sign-in.png)
চাইন-ইন কৰক
প্ৰপত্ৰত এটা সৰল চাইনৰ বাবে স্বনিৰ্বাচিত প্ৰপত্ৰ বিন্যাস আৰু ডিজাইন।
![আঠাযুক্ত ফুটাৰ স্ক্ৰীণশ্বট](/docs/4.0/examples/screenshots/sticky-footer.png)
আঠাযুক্ত ফুটাৰ
পৃষ্ঠাৰ বিষয়বস্তু চুটি হ'লে দৰ্শনপৰ্টৰ তলত এটা ফুটাৰ সংলগ্ন কৰক।
![আঠাযুক্ত ফুটাৰ navbar স্ক্ৰীণশ্বট](/docs/4.0/examples/screenshots/sticky-footer-navbar.png)
আঠাযুক্ত ফুটাৰ navbar
এটা স্থিৰ ওপৰৰ নেভবাৰৰ সৈতে ভিউপৰ্টৰ তলত এটা ফুটাৰ সংলগ্ন কৰক।
উদাহৰণসমূহ যি Bootstrap দ্বাৰা প্ৰদান কৰা অন্তৰ্নিৰ্মিত উপাদানসমূহৰ ব্যৱহাৰসমূহ প্ৰণয়ন কৰাত মনোনিৱেশ কৰে।
![ষ্টাৰ্টাৰ টেমপ্লেট স্ক্ৰীণশ্বট](/docs/4.0/examples/screenshots/starter-template.png)
আৰম্ভণি সাঁচ
মূল কথাবোৰৰ বাহিৰে একো নাই: কম্পাইল কৰা চি এছ এছ আৰু জাভাস্ক্রিপ্ট।
![গ্ৰীড স্ক্ৰীণশ্বট](/docs/4.0/examples/screenshots/grid.png)
গ্ৰিড
চাৰিওটা স্তৰৰ সৈতে গ্ৰীড পৰিকল্পনাৰ একাধিক উদাহৰণ, নেষ্টিং, আৰু অধিক।
![জাম্বট্ৰন স্ক্ৰীণশ্বট](/docs/4.0/examples/screenshots/jumbotron.png)
জাম্বোট্ৰন
এটা navbar আৰু কিছুমান মৌলিক গ্ৰীড স্তম্ভৰ সৈতে জাম্বট্ৰনৰ চাৰিওফালে নিৰ্মাণ কৰক।
অবিকল্পিত navbar উপাদান লোৱা আৰু ইয়াক কেনেকৈ স্থানান্তৰ, স্থাপন, আৰু সম্প্ৰসাৰিত কৰিব পাৰি দেখুৱাই।
![Navbars স্ক্ৰীণশ্বট](/docs/4.0/examples/screenshots/navbars.png)
নৱবৰ
navbar ৰ বাবে সকলো প্ৰতিক্ৰিয়াশীল আৰু ধাৰক বিকল্পৰ প্ৰদৰ্শন।
![Navbar স্থিতিশীল স্ক্ৰীণশ্বট](/docs/4.0/examples/screenshots/navbar-static.png)
নৱবাৰ স্থিতিশীল
কিছুমান অতিৰিক্ত বিষয়বস্তুৰ সৈতে এটা স্থিতিশীল শীৰ্ষ নেভবাৰৰ একক নেভবাৰ উদাহৰণ।
![Navbar ফিক্স স্ক্ৰীণশ্বট](/docs/4.0/examples/screenshots/navbar-fixed.png)
নৱবৰ ঠিক কৰা হৈছে
কিছুমান অতিৰিক্ত বিষয়বস্তুৰ সৈতে এটা স্থিৰ ওপৰৰ নেভবাৰৰ সৈতে একক নেভবাৰ উদাহৰণ।
![Navbar তলৰ স্ক্ৰীণশ্বট](/docs/4.0/examples/screenshots/navbar-bottom.png)
নৱবাৰৰ তলত
কিছুমান অতিৰিক্ত বিষয়বস্তুৰ সৈতে এটা তলৰ navbar ৰ সৈতে একক navbar উদাহৰণ।
ভৱিষ্যত-বন্ধুত্বপূৰ্ণ বৈশিষ্ট্য বা কৌশলৰ ওপৰত গুৰুত্ব আৰোপ কৰা উদাহৰণ।
![ভাসমান লেবেলসমূহৰ স্ক্ৰীণশ্বট](/docs/4.0/examples/screenshots/floating-labels.png)
ভাসমান লেবেল
আপোনাৰ ইনপুটসমূহৰ ওপৰত ভাসমান লেবেলসমূহৰ সৈতে সুন্দৰভাৱে সহজ ফৰ্মসমূহ।
![অফকেনভাছ স্ক্ৰীণশ্বট](/docs/4.0/examples/screenshots/offcanvas.png)
অফকেনভাছ
আপোনাৰ সম্প্ৰসাৰণযোগ্য navbar এটা স্লাইডিং অফকেনভাছ মেনুলৈ ৰূপান্তৰ কৰক।