পাঠ্য
সারিবদ্ধকরণ, মোড়ানো, ওজন এবং আরও অনেক কিছু নিয়ন্ত্রণ করতে সাধারণ পাঠ্য ইউটিলিটির জন্য ডকুমেন্টেশন এবং উদাহরণ।
লিখার বিন্যাস
পাঠ্য সারিবদ্ধকরণ ক্লাস সহ উপাদানগুলিতে পাঠ্যকে সহজেই পুনরায় সাজান।
উচ্চাভিলাষী ডেডিসে স্ক্রিপসিসে আইউডিকেচার। Cras mattis iudicium purus বসে amet fermentum. Donec sed odio operae, eu vulputate felis rhoncus. প্রেটারিয়া এটার est quasdam res quas ex Communi. এখানে পোস্টহ্যাক, সাইটেন্টিস পিরোস আফ্রোস। পেটিরিয়ান্ট ইউটিআই সিবি কনসিলিয়াম টটিয়াস গ্যালিয়া ইন ডিম সার্টাম ইনডিসারে। Cras mattis iudicium purus বসে amet fermentum.
বাম, ডান এবং কেন্দ্র সারিবদ্ধকরণের জন্য, প্রতিক্রিয়াশীল ক্লাসগুলি উপলব্ধ যা গ্রিড সিস্টেমের মতো একই ভিউপোর্ট প্রস্থের ব্রেকপয়েন্ট ব্যবহার করে।
সমস্ত ভিউপোর্ট আকারে বাম প্রান্তিককৃত পাঠ্য।
সমস্ত ভিউপোর্ট আকারে কেন্দ্রে সারিবদ্ধ পাঠ্য।
সমস্ত ভিউপোর্ট আকারে ডান প্রান্তিককৃত পাঠ্য।
ভিউপোর্টে বাম সারিবদ্ধ পাঠ্য এসএম (ছোট) বা চওড়া আকারের।
ভিউপোর্ট সাইজের MD (মাঝারি) বা চওড়ায় বাম প্রান্তিককৃত পাঠ্য।
ভিউপোর্টে বাম সারিবদ্ধ পাঠ্য এলজি (বড়) বা চওড়া আকারের।
ভিউপোর্ট আকারের XL (অতিরিক্ত-বড়) বা আরও চওড়া টেক্সট বাম সারিবদ্ধ।
টেক্সট মোড়ানো এবং ওভারফ্লো
.text-wrap
একটি ক্লাসের সাথে পাঠ্য মোড়ানো ।
পাঠ্যকে .text-nowrap
ক্লাসের সাথে মোড়ানো থেকে আটকান।
দীর্ঘ বিষয়বস্তুর জন্য, আপনি .text-truncate
উপবৃত্তাকার সাহায্যে পাঠ্যকে ছেঁটে ফেলার জন্য একটি শ্রেণী যোগ করতে পারেন। প্রয়োজন display: inline-block
বা display: block
.
শব্দ বিরতি
.text-break
সেট word-wrap: break-word
এবং তে ব্যবহার করে আপনার উপাদানগুলির বিন্যাস ভাঙ্গা থেকে পাঠ্যের দীর্ঘ স্ট্রিং প্রতিরোধ করুন word-break: break-word
। আমরা বৃহত্তর ব্রাউজার সমর্থনের জন্য word-wrap
সাধারণের পরিবর্তে ব্যবহার করি এবং ফ্লেক্স পাত্রে সমস্যা এড়াতে অবচয় যুক্ত করি।overflow-wrap
word-break: break-word
মমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমমম
পাঠ্য রূপান্তর
টেক্সট ক্যাপিটালাইজেশন ক্লাস সহ উপাদানে টেক্সট রূপান্তর করুন।
ছোট হাতের লেখা।
বড় হাতের লেখা।
CapitaliZed পাঠ্য।
নোট করুন কিভাবে .text-capitalize
প্রতিটি শব্দের প্রথম অক্ষর পরিবর্তন করে, অন্য কোন অক্ষরের ক্ষেত্রে প্রভাব না ফেলে।
হরফের ওজন এবং তির্যক
দ্রুত পাঠ্যের ওজন (সাহস) পরিবর্তন করুন বা পাঠ্য তির্যক করুন।
পাঠ্য বোল্ড.
বোল্ড ওয়েট টেক্সট (মূল উপাদানের সাথে সম্পর্কিত)।
সাধারণ ওজন পাঠ্য।
হালকা ওজনের পাঠ্য।
হালকা ওজনের পাঠ্য (মূল উপাদানের সাথে সম্পর্কিত)।
তির্যক পাঠ্য।
মনোস্পেস
আমাদের মনোস্পেস ফন্ট স্ট্যাকের সাথে একটি নির্বাচন পরিবর্তন করুন .text-monospace
।
এটি মনোস্পেসে রয়েছে
রঙ রিসেট করুন
একটি পাঠ্য বা লিঙ্কের রঙ এর সাথে রিসেট করুন .text-reset
, যাতে এটি তার পিতামাতার কাছ থেকে রঙটি উত্তরাধিকার সূত্রে পায়।
একটি রিসেট লিঙ্ক সহ নিঃশব্দ পাঠ্য ।
পাঠ্য সজ্জা
.text-decoration-none
একটি ক্লাস সহ একটি পাঠ্য সজ্জা সরান ।