Source

বিন্যাসৰ বাবে উপযোগীতাসমূহ

দ্ৰুত মোবাইল-বন্ধুত্বপূৰ্ণ আৰু প্ৰতিক্ৰিয়াশীল বিকাশৰ বাবে, Bootstrap এ বিষয়বস্তু দেখুৱা, লুকুৱাই, প্ৰান্তিককৰণ, আৰু ব্যৱধানত ৰখাৰ বাবে ডজন ডজন উপযোগীতা শ্ৰেণী অন্তৰ্ভুক্ত কৰে।

সলনি হৈ আছেdisplay

বৈশিষ্ট্যৰ সাধাৰণ মানসমূহ সঁহাৰিজনকভাৱে টগল কৰাৰ বাবে আমাৰ প্ৰদৰ্শন সঁজুলিসমূহ ব্যৱহাৰ কৰক। displayইয়াক আমাৰ গ্ৰীড চিস্টেম, বিষয়বস্তু, বা উপাদানসমূহৰ সৈতে মিহলাই নিৰ্দিষ্ট দৰ্শনপৰ্টসমূহৰ মাজেৰে সিহতক দেখুৱাবলৈ বা লুকুৱাবলৈ।

ফ্লেক্সবক্স বিকল্পসমূহ

বুটষ্ট্ৰেপ ৪ ফ্লেক্সবক্সৰ সৈতে নিৰ্মিত, কিন্তু প্ৰতিটো উপাদানলৈ displayসলনি কৰা হোৱা নাই display: flexকাৰণ ই বহুতো অপ্ৰয়োজনীয় অভাৰৰাইড যোগ কৰিব আৰু অপ্ৰত্যাশিতভাৱে চাবি ব্ৰাউজাৰ আচৰণ সলনি কৰিব। আমাৰ বেছিভাগ উপাদান flexbox সক্ৰিয় কৰি নিৰ্মিত।

display: flexআপুনি এটা উপাদানত যোগ কৰিব লাগিব নেকি , .d-flexপ্ৰতিক্ৰিয়াশীল ভিন্নতাসমূহৰ এটাৰ সৈতে বা এটা কৰক (যেনে, .d-sm-flex). আপুনি এই শ্ৰেণী বা মানৰ প্ৰয়োজন হ'ব আমাৰ অতিৰিক্ত flexbox সঁজুলিসমূহৰdisplay ব্যৱহাৰৰ অনুমতি দিবলৈ আকাৰ, প্ৰান্তিককৰণ, ব্যৱধান, আৰু অধিক।

মাৰ্জিন আৰু পেডিং

উপাদানসমূহ আৰু উপাদানসমূহ কেনেকৈ ব্যৱধান আৰু আকাৰ দিয়া হয় নিয়ন্ত্ৰণ কৰিবলে marginআৰু padding ব্যৱধান সঁজুলিসমূহ ব্যৱহাৰ কৰক। 1remবুটষ্ট্ৰেপ ৪ এ ব্যৱধান সঁজুলিসমূহৰ বাবে এটা পাঁচ-স্তৰৰ স্কেল অন্তৰ্ভুক্ত কৰে, এটা মান অবিকল্পিত $spacerচলকৰ ওপৰত ভিত্তি কৰি । সকলো দৰ্শনপৰ্টসমূহৰ বাবে মানসমূহ নিৰ্ব্বাচন কৰক (যেনে, .mr-3ৰ বাবে margin-right: 1rem), বা নিৰ্দিষ্ট দৰ্শনপৰ্টসমূহ লক্ষ্য কৰিবলে প্ৰতিক্ৰিয়াশীল ভিন্নতাসমূহ নিৰ্ব্বাচন কৰক (যেনে, ব্ৰেকপইন্টত আৰম্ভ কৰাৰ .mr-md-3বাবে )।margin-right: 1remmd

টগল কৰকvisibility

যেতিয়া displayটগল কৰাৰ প্ৰয়োজন নহয়, আপুনি আমাৰ দৃশ্যমানতা সঁজুলিসমূহৰvisibility সৈতে এটা উপাদানৰ টগল কৰিব পাৰে । অদৃশ্য উপাদানসমূহে তথাপিও পৃষ্ঠাৰ বিন্যাসত প্ৰভাৱ পেলাব, কিন্তু দৰ্শকৰ পৰা দৃশ্যগতভাৱে লুকুৱাই ৰখা হয়।