বুটস্ট্র্যাপ কেন্দ্র শিরোনাম

Question

এটি আমার প্রথম টুইটার বুটস্ট্র্যাপের অভিজ্ঞতা। আমি কিছু শিরোনাম (এইচ 1, এইচ 2, ইত্যাদি) যুক্ত করেছি এবং সেগুলি বাম পাশ দিয়ে প্রান্তিক হয়। কেন্দ্রের শিরোনামগুলির সঠিক উপায় কী?

Comments

আপনি শিরোনামগুলি কীভাবে রাখছেন? কোনও পাত্রে কোনও pট্যাগের মতো , বা আলগা?

— আন্দ্রেস ইলিচ

@ এন্ড্রেস এলিচ, সারি-ফ্লুয়েডের অভ্যন্তরে (যা ধারক-ফ্লুয়েডের অভ্যন্তরে রয়েছে)

— সাইবেরিয়ানগুই

আপনি সব শিরোনাম কেন্দ্রে খুঁজছেন? বা মাত্র কয়েকজনকে বেছে নিন?

— আন্দ্রেস ইলিচ

@ আন্দ্রেস এলিচ, আমি সমস্ত শিরোনাম ডিফল্টরূপে কেন্দ্র করে রাখতে চাই

— সাইবেরিয়ানগুই

Answer 1

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

বুটস্ট্র্যাপ পাঠ্য সারিবদ্ধকরণের জন্য তিনটি CSS ক্লাস যুক্ত করেছে।

Answer 2

কেন্দ্র শিরোনামের জন্য কেবলমাত্র উপাদানটিতে ক্লাস = 'পাঠ্য-কেন্দ্র' ব্যবহার করুন।

<h2 class="text-center">sample center heading</h2>

বাম শিরোনামের জন্য উপাদানগুলিতে শ্রেণি = 'পাঠ্য-বাম' ব্যবহার করুন এবং ডান শিরোনামের জন্য উপাদানটিতে ক্লাস = 'পাঠ্য-ডান' ব্যবহার করুন।

Answer 3

সারি শ্রেণীর বৈশিষ্ট্যে কেবল "ন্যায্যতা-বিষয়বস্তু কেন্দ্র" ব্যবহার করুন।

<div class="container">
  <div class="row justify-content-center">
    <h1>This is a header</h1>
  </div>
</div>

Comments

এত জটিলতা কেন? সাদেঘ-খানের উত্তর অনুসারে কী <h1 class="text-center">আরও সহজ নয় ?

— মার্কো সুলা

এটি ব্যবহারের ফলে শিরোনামটি ডিভের কেন্দ্রে পরিণত হতে দেয় যখন বুটস্ট্র্যাপ ব্যবহার করে যা পাঠ্য-কেন্দ্র ব্যবহার করে না। এটি শিরোনামটিকে স্ক্রিনের মাঝামাঝি সময়ে উপস্থিত করে তোলে যা আমি লক্ষ্য করেছিলাম।

— a.norman

Answer 4

আপনার মন্তব্যগুলি অনুসারে, সমস্ত শিরোনামকে কেন্দ্র করে আপনাকে যা করতে হবে তা হ'ল text-align:centerএকই সময়ে তাদের সকলকে যুক্ত করা:

সিএসএস

    h1, h2, h3, h4, h5, h6 {
        text-align: center;
    }

Comments

সত্য হিসাবে, টুইটার বুটস্ট্র্যাপ ব্যবহারের পিছনে ধারণাটি বিদ্যমান ক্লাসগুলি যথাসম্ভব ব্যবহার করা। জিনপু হু

— স্কুরপি

@ স্কুরপি ফ্রেমওয়ার্কগুলি কোনও প্রকল্পে আপনি কী ব্যবহার করতে পারেন তার পরামর্শ হিসাবে কাজ করে; এগুলি কোনওভাবেই দেওয়া হয়নি। বুটস্ট্র্যাপে ইতিমধ্যে প্রদত্ত ক্লাস এবং শৈলীগুলি ব্যবহার করা সহজতর, যদি আপনার প্রকল্পের প্রয়োজনীয়তাগুলি আপনাকে ওপেনের প্রশ্নে ফ্রেমওয়ার্কটিতে কিছু কঠোর পরিবর্তন করতে হবে তবে এটি সম্পর্কে যাবার সহজতম উপায়ের চেয়ে কেবলমাত্র সেই পরিবর্তনগুলি সংশোধন করা উচিত মূল স্তর। আপনার সত্যিই প্রয়োজন হয় না এমন এক টন ক্লাস যুক্ত করার বিপরীতে।

— আন্দ্রেস ইলিচ

@ সক্করপি আরও লেখার সময় এই প্রান্তিককরণের ক্লাসগুলির অস্তিত্ব ছিল না । এই উত্তরটি এক বছরের পুরনো।

— আন্দ্রেস ইলিচ

ইলিচ আপনি ঠিক বলেছেন, আমি এখানে এলে এই প্রশ্নের তারিখের দিকে

— নজর দিইনি

Answer 5

বুটস্ট্র্যাপ অনেকগুলি প্রাক-বিল্ড ক্লাস নিয়ে আসে এবং এর মধ্যে একটি class="text-left"। যখনই প্রয়োজন হবে এই ক্লাস কল করুন। :-)