কেন বুটস্ট্র্যাপ নেতিবাচক মার্জিন ব্যবহার করে?

2024 লেখক: Lynn Donovan | [email protected]. সর্বশেষ পরিবর্তিত: 2023-12-15 23:44

সারি আছে একটি নেতিবাচক বাম ডান মার্জিন -15px এর। 15px এর কন্টেইনার প্যাডিং এর প্রতিরোধ করতে ব্যবহৃত হয় নেতিবাচক মার্জিন সারির। এটি লেআউটের প্রান্তে বিষয়বস্তুকে সমানভাবে সারিবদ্ধ রাখার জন্য। আপনি যদি একটি পাত্রে একটি সারি না রাখেন, তাহলে সারিটি এটির পাত্রে উপচে পড়বে, যার ফলে একটি অবাঞ্ছিত অনুভূমিক স্ক্রোল হবে৷

এই ক্ষেত্রে, কেন বুটস্ট্র্যাপ সারি নেতিবাচক মার্জিন আছে?

সবগুলিতেই গ্রিড সিস্টেম, প্রতিটি কলামের মধ্যে গটার আছে। কিছু হিসাবে যারা কলাম শেষ ক্লাস গ্রিড সিস্টেমগুলি করে, তারা পরিবর্তে সেট করে। সারি ক্লাস আছে নেতিবাচক মার্জিন যেটি কলামের প্যাডিংয়ের সাথে মেলে। এটি প্রথম এবং শেষ কলামগুলির নর্দমাগুলিকে "টেনে" দেয়, একই সময়ে এটিকে আরও প্রশস্ত করে তোলে।

উপরন্তু, বুটস্ট্র্যাপ 4-এ আমি কীভাবে একটি ডিভিকে কেন্দ্রে সারিবদ্ধ করব? 1 - উল্লম্ব কেন্দ্র অটো মার্জিন ব্যবহার করে উল্লম্বভাবে এক উপায় কেন্দ্র আমার-অটো ব্যবহার করতে হয়। এটা হবে কেন্দ্র দ্য উপাদান এর flexbox মধ্যে ধারক (দ্য বুটস্ট্র্যাপ 4 . সারি হল প্রদর্শন:ফ্লেক্স)। উদাহরণস্বরূপ, h-100 সারিটিকে সম্পূর্ণ উচ্চতা তৈরি করে এবং মাই-অটো উল্লম্বভাবে হবে কেন্দ্র col-sm-12 কলাম।

তারপর, আমি বুটস্ট্র্যাপে মার্জিন কিভাবে সেট করব?

t - সেট মার্জিন -টপ বা প্যাডিং-টপ। b - সেট মার্জিন -নিচে বা প্যাডিং-নিচ। l - সেট মার্জিন -বাম বা প্যাডিং-বাম। r - সেট মার্জিন -ডান বা প্যাডিং-ডান।

আরও ব্যবধানের উদাহরণ।

বুটস্ট্র্যাপ ব্রেকপয়েন্ট কি?

প্রতিক্রিয়াশীল ব্রেকপয়েন্ট এইগুলো ব্রেকপয়েন্ট বেশিরভাগই ন্যূনতম ভিউপোর্ট প্রস্থের উপর ভিত্তি করে এবং ভিউপোর্ট পরিবর্তনের সাথে সাথে আমাদের উপাদানগুলিকে স্কেল করার অনুমতি দেয়। বুটস্ট্র্যাপ প্রাথমিকভাবে নিম্নলিখিত মিডিয়া ক্যোয়ারী রেঞ্জ-অথবা ব্যবহার করে ব্রেকপয়েন্ট -আমাদের লেআউট, গ্রিড সিস্টেম এবং উপাদানগুলির জন্য আমাদের উৎস Sass ফাইলে।