স্কিপ করে মূল কন্টেন্ট এ যাও
বুটস্ট্র্যাপ 4 এর একটি নতুন সংস্করণ আছে!

উদাহরণ

ফ্রেমওয়ার্কের অংশগুলি ব্যবহার করা থেকে শুরু করে কাস্টম উপাদান এবং বিন্যাস পর্যন্ত আমাদের যেকোনো উদাহরণ দিয়ে দ্রুত একটি প্রকল্প শুরু করুন।

সোর্স কোড ডাউনলোড করুন

কাস্টম উপাদান

লোকেদের দ্রুত বুটস্ট্র্যাপ শুরু করতে এবং ফ্রেমওয়ার্ক যোগ করার জন্য সর্বোত্তম অনুশীলনগুলি প্রদর্শন করতে সাহায্য করার জন্য একেবারে নতুন উপাদান এবং টেমপ্লেট।

অ্যালবামের স্ক্রিনশট
অ্যালবাম

ফটো গ্যালারী, পোর্টফোলিও এবং আরও অনেক কিছুর জন্য সহজ এক-পৃষ্ঠার টেমপ্লেট।

মূল্যের স্ক্রিনশট
মূল্য নির্ধারণ

কার্ডের সাথে নির্মিত এবং একটি কাস্টম শিরোনাম এবং ফুটার বৈশিষ্ট্যযুক্ত উদাহরণ মূল্যের পৃষ্ঠা।

চেকআউট স্ক্রিনশট
চেকআউট

কাস্টম চেকআউট ফর্ম আমাদের ফর্ম উপাদান এবং তাদের বৈধতা বৈশিষ্ট্য দেখাচ্ছে.

পণ্যের স্ক্রিনশট
পণ্য

বিস্তৃত গ্রিড এবং চিত্রের কাজ সহ লীন পণ্য-কেন্দ্রিক বিপণন পৃষ্ঠা।

কভার স্ক্রিনশট
আবরণ

সহজ এবং সুন্দর হোম পেজ তৈরির জন্য একটি এক-পৃষ্ঠার টেমপ্লেট।

ক্যারোজেল স্ক্রিনশট
ক্যারোসেল

নেভিবার এবং ক্যারোজেল কাস্টমাইজ করুন, তারপর কিছু নতুন উপাদান যোগ করুন।

ব্লগের স্ক্রিনশট
ব্লগ

হেডার, নেভিগেশন, বৈশিষ্ট্যযুক্ত বিষয়বস্তু সহ ব্লগ টেমপ্লেটের মতো ম্যাগাজিন।

ড্যাশবোর্ড স্ক্রিনশট
ড্যাশবোর্ড

স্থির সাইডবার এবং নেভিবার সহ বেসিক অ্যাডমিন ড্যাশবোর্ড শেল।

সাইন-ইন স্ক্রিনশট
সাইন ইন করুন

একটি সাধারণ সাইন ইন ফর্মের জন্য কাস্টম ফর্ম লেআউট এবং ডিজাইন৷

স্টিকি ফুটার স্ক্রিনশট
স্টিকি ফুটার

পৃষ্ঠার বিষয়বস্তু ছোট হলে ভিউপোর্টের নীচে একটি ফুটার সংযুক্ত করুন।

স্টিকি ফুটার নেভবার স্ক্রিনশট
স্টিকি ফুটার নববার

একটি নির্দিষ্ট শীর্ষ নেভিবার সহ ভিউপোর্টের নীচে একটি ফুটার সংযুক্ত করুন৷

ফ্রেমওয়ার্ক

বুটস্ট্র্যাপ দ্বারা প্রদত্ত অন্তর্নির্মিত উপাদানগুলির ব্যবহার বাস্তবায়নের উপর ফোকাস করা উদাহরণ।

স্টার্টার টেমপ্লেট স্ক্রিনশট
স্টার্টার টেমপ্লেট

মৌলিক বিষয় ছাড়া আর কিছুই নয়: কম্পাইল করা CSS এবং JavaScript।

গ্রিড স্ক্রিনশট
গ্রিড

চারটি স্তর, নেস্টিং এবং আরও অনেক কিছু সহ গ্রিড লেআউটের একাধিক উদাহরণ।

জাম্বোট্রন স্ক্রিনশট
জাম্বোট্রন

একটি navbar এবং কিছু মৌলিক গ্রিড কলাম দিয়ে জাম্বোট্রনের চারপাশে তৈরি করুন।

ডিফল্ট নেভিবার কম্পোনেন্ট নেওয়া এবং দেখানো হচ্ছে কিভাবে এটি সরানো, স্থাপন করা এবং প্রসারিত করা যায়।

Navbars স্ক্রিনশট
নভবারস

নেভিবারের জন্য সমস্ত প্রতিক্রিয়াশীল এবং ধারক বিকল্পের প্রদর্শন।

Navbar স্ট্যাটিক স্ক্রিনশট
নববার স্ট্যাটিক

কিছু অতিরিক্ত কন্টেন্ট সহ স্ট্যাটিক টপ নেভিবারের একক ন্যাভবার উদাহরণ।

Navbar ফিক্সড স্ক্রিনশট
নববার স্থির

কিছু অতিরিক্ত সামগ্রী সহ একটি নির্দিষ্ট শীর্ষ নেভিবার সহ একক ন্যাভবার উদাহরণ।

Navbar নিচের স্ক্রিনশট
Navbar নীচে

কিছু অতিরিক্ত কন্টেন্ট সহ নীচের ন্যাভবার সহ একক ন্যাভবার উদাহরণ।

পরীক্ষা-নিরীক্ষা

ভবিষ্যৎ-বান্ধব বৈশিষ্ট্য বা কৌশলগুলিতে ফোকাস করে এমন উদাহরণ।

ভাসমান লেবেল স্ক্রিনশট
ভাসমান লেবেল

আপনার ইনপুটগুলিতে ভাসমান লেবেল সহ সুন্দরভাবে সহজ ফর্ম।

অফক্যানভাস স্ক্রিনশট
অফক্যানভাস

আপনার প্রসারণযোগ্য নেভিবারকে একটি স্লাইডিং অফক্যানভাস মেনুতে পরিণত করুন।