আমি কিভাবে বুটস্ট্র্যাপে বিষয়বস্তু কেন্দ্র করব?

সুচিপত্র:

অতিরিক্ত CSS এর কোন প্রয়োজন নেই, এবং বুটস্ট্র্যাপ 4 এ একাধিক কেন্দ্রীকরণ পদ্ধতি রয়েছে:
বুটস্ট্র্যাপ 4 এ একাধিক অনুভূমিক কেন্দ্রীকরণ পদ্ধতি রয়েছে
CSS স্তর 3 এ উল্লম্বভাবে কেন্দ্রীভূত করা

ভিডিও: আমি কিভাবে বুটস্ট্র্যাপে বিষয়বস্তু কেন্দ্র করব?

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

বুটস্ট্র্যাপ 4

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

এছাড়াও জানুন, আমি কিভাবে একটি বুটস্ট্র্যাপ কার্ডকে কেন্দ্র করব?

অতিরিক্ত CSS এর কোন প্রয়োজন নেই, এবং বুটস্ট্র্যাপ 4 এ একাধিক কেন্দ্রীকরণ পদ্ধতি রয়েছে:

কেন্দ্র প্রদর্শনের জন্য পাঠ্য-কেন্দ্র:ইনলাইন উপাদান।
কেন্দ্রীভূত প্রদর্শনের জন্য mx-auto: প্রদর্শনের ভিতরে উপাদানগুলিকে ব্লক করুন: flex (d-flex)
অফসেট-* বা mx-auto গ্রিড কলাম কেন্দ্রে ব্যবহার করা যেতে পারে।
অথবা জাস্টিফাই-কন্টেন্ট-সেন্টার অন সারি টু সেন্টার গ্রিড কলাম।

একইভাবে, আমি কিভাবে বুটস্ট্র্যাপে একটি ছবি কেন্দ্র করব? সারিবদ্ধ ছবি হেল্পার ফ্লোট ক্লাস বা টেক্সট অ্যালাইনমেন্ট ক্লাস সহ। ব্লক লেভেল ছবি ব্যবহার করে কেন্দ্রীভূত করা যেতে পারে। mx-অটো মার্জিন ইউটিলিটি ক্লাস।

ঠিক তাই, বুটস্ট্র্যাপ 4-এ আমি কীভাবে বিষয়বস্তু কেন্দ্র করব?

বুটস্ট্র্যাপ 4 এ একাধিক অনুভূমিক কেন্দ্রীকরণ পদ্ধতি রয়েছে

কেন্দ্র প্রদর্শনের জন্য পাঠ্য-কেন্দ্র:ইনলাইন উপাদান।
অফসেট-* বা এমএক্স-অটো কেন্দ্র কলামে ব্যবহার করা যেতে পারে (কল-*)
অথবা, ন্যায্যতা-সামগ্রী-কেন্দ্র সারি থেকে কেন্দ্রের কলামে (কল-*)
কেন্দ্রীভূত প্রদর্শনের জন্য mx-auto: ডি-ফ্লেক্সের ভিতরে উপাদানগুলিকে ব্লক করুন।

আপনি কিভাবে CSS এ একটি কার্ড কেন্দ্র করবেন?

CSS স্তর 3 এ উল্লম্বভাবে কেন্দ্রীভূত করা

ধারকটিকে তুলনামূলকভাবে অবস্থান করুন, যা এটিকে একেবারে অবস্থানকারী উপাদানগুলির জন্য একটি ধারক হিসাবে ঘোষণা করে।
উপাদান নিজেই একেবারে অবস্থান করা.
'শীর্ষ: 50%' সহ পাত্রের অর্ধেক নিচে রাখুন।
উপাদানটিকে তার নিজস্ব উচ্চতার অর্ধেক উপরে নিয়ে যেতে একটি অনুবাদ ব্যবহার করুন।

প্রস্তাবিত:

আমি কিভাবে বুটস্ট্র্যাপে একটি নেভিগেশন বার যোগ করব?

একটি কলাপসিবল নেভিগেশন বার তৈরি করতে, class='navbar-toggler', data-toggle='collapse' এবং data-target='#thetarget' সহ একটি বোতাম ব্যবহার করুন। তারপর navbar বিষয়বস্তু (লিংক, ইত্যাদি) একটি div উপাদানের ভিতরে class='collapse navbar-collapse' দিয়ে মোড়ানো, তারপর একটি আইডি যা বোতামের ডেটা-টার্গেটের সাথে মেলে: 'thetarget'

আমি কিভাবে বুটস্ট্র্যাপে একটি কার্ড কেন্দ্র করব?

অতিরিক্ত CSS-এর প্রয়োজন নেই, এবং বুটস্ট্র্যাপ 4-এ একাধিক কেন্দ্রীকরণ পদ্ধতি রয়েছে: কেন্দ্র প্রদর্শনের জন্য পাঠ্য-কেন্দ্র:ইনলাইন উপাদান। কেন্দ্রীভূত প্রদর্শনের জন্য mx-auto: প্রদর্শনের ভিতরে ব্লক উপাদান: flex (d-flex) অফসেট-* বা mx-auto গ্রিড কলাম কেন্দ্রে ব্যবহার করা যেতে পারে। অথবা জাস্টিফাই-কন্টেন্ট-সেন্টার অন সারি টু সেন্টার গ্রিড কলাম