বুটস্ট্র্যাপ ক্লাস ব্যবহার করে ফন্ট-ওজন সেট করুন


128

এর জন্য কোনও টুইটার বুটস্ট্র্যাপ ক্লাস font-weight: boldএবং অন্যান্য মান আছে font-weight?

এটি ইতিমধ্যে বুটস্ট্র্যাপে উপস্থিত থাকলে আমি একটি নতুন তৈরি করব না।


5
কোনও শ্রেণি নেই, আপনার নিজস্ব কাস্টমাইজ করা দরকার।
মনোজ

2
হ্যাঁ ফন্ট-ওজনের জন্য কোনও পৃথক শ্রেণি নেই: সাহসী
দীনেশ কণিভ

উত্তর:


52

সম্পাদনা 2 (চূড়ান্ত): বুটস্ট্র্যাপ 4 ডকুমেন্টেশন অনুসারে , class="font-weight-bold"আপনি যা খুঁজছেন তা।


সম্পাদনা: আপনি এখানে প্রদর্শিতclass="font-weight-bold" হিসাবে ব্যবহার করতে পারেন (বুটস্ট্র্যাপ 4 আলফা)।

আমি স্বচ্ছতার জন্য মূল উত্তরটি নীচে রেখেছি।


আমি এই উত্তরটি পোস্ট করছি কারণ এই থ্রেডটিতে প্রচুর দর্শনার্থী রয়েছে বলে মনে হচ্ছে, তবুও এটির সমস্যা সমাধানের সঠিক সমাধান নেই। তবে শীঘ্রই বুটস্ট্র্যাপ 4 দিয়ে এখনই একটি উপায় থাকবে:

যেহেতু এই GitHub টান অনুরোধ শো, আপনি শুধু ব্যবহার করতে হবে text-weight-normal, text-weight-boldএবং text-weight-italicক্লাস।

সরকারী স্থিতিশীল প্রকাশ না হওয়া পর্যন্ত এটি পরিবর্তন হতে পারে। লেখার এই তারিখে, এই টান অনুরোধটি এখনও আলফা শাখায় মার্জ করা হয়নি।

বুটস্ট্র্যাপ ভি 4 প্রকাশ হওয়ার পরে আমি এই পোস্টটি আপডেট করব।


ওহ, সুন্দর! বুটস্ট্র্যাপ 4 এ এটি ঘটতে চলেছে উল্লেখ করে আপনি নিজের উত্তরটি উন্নত করতে পারেন এবং বর্তমান সংস্করণগুলির জন্য একটি সমাধান যোগ করতে পারেন (হয় <strong>কেবল নিজের শ্রেণীর ব্যবহার এবং তৈরি করছেন)? আমি তখন আপনার উত্তর চিহ্নিত করতে যাচ্ছি।
আয়নিক বিজাউ

এছাড়াও (বুটস্ট্র্যাপ 4 এ) আপনি <input/>বাক্সগুলিতে প্রস্তাবিত শ্রেণি ("ফন্ট-ওজন-সাহসী") যুক্ত করতে পারেন এবং অভ্যন্তরের পাঠ্যটি সাহসী হয়ে উঠবে। প্রয়োজনের সময় তাদের জোর দেওয়ার জন্য আমরা এটি শিরোনাম ক্ষেত্রগুলি সহ ব্যবহার করি। উইন্ডোজ এক্স 64 এ ক্রোম ver76 এবং আই 11 এ পরীক্ষিত।
টিমমি

শান্ত, শীতল মানুষ। এটি কাজ করে !!! আমি সিএসএস ফাইলে ম্যানুয়ালি স্টাইল যুক্ত করে সামগ্রীটি সাহসী করার চেষ্টা করেছি তবে এটি ঘটেনি। তারপরে আমি আপনার উত্তরটি পেয়েছি: ডি
ট্র্যাভিস লে

93

আমি এটি বুটস্ট্র্যাপ ওয়েবসাইটে পেয়েছি , তবে এটি সত্যই বুটস্ট্র্যাপ শ্রেণি নয়, এটি কেবল এইচটিএমএল।

<strong>rendered as bold text</strong>

3
উপরন্তু strongঅগত্যা সাহসী মানে এই নয়। বিকাশকারী.মোজিলা.অর্গ.এন- ইউএস / ডকস / ওয়েবে / এইচটিএমএল / এলিমেন্ট / স্ট্রং থেকে : "সাধারণত এই উপাদানটি বোল্ড ফন্টের ওজন ব্যবহার করে ডিফল্টরূপে রেন্ডার করা হয় However তবে, এটি কেবল সাহসী স্টাইলিং প্রয়োগ করতে ব্যবহার করা উচিত নয়; সেই উদ্দেশ্যে সিএসএস ফন্ট-ওজন সম্পত্তি "

শক্তিশালী শক্তিশালী, সাহসী সাহসী :( @ গ্রজেনহাকোবায়ানের উত্তরটি আরও বেশি পছন্দ করা উচিত
ম্যাটআলেগ্রো

এটি সেই পুরানো দিন থেকেই যেখানে কোনও সিএসএস ছিল না। উদ্বেগ ডিজাইন প্যাটার্নগুলির পৃথকীকরণের কারণে, HTML এ কনটেন্ট এবং উপস্থাপনা উভয়ই মিশ্রণ এড়ানোর জন্য সিএসএস আবিষ্কার করা হয়েছিল। যদিও ওয়েব ব্রাউজার এখনো অনুন্নত সহাবস্থানযোগ্যতা এই সমর্থন, এটা দৃঢ়ভাবে <b> ব্যবহার করবেন পরামর্শ দেওয়া হয় এবং <strong>, <আমি> এবং পারে <em> ইত্যাদি en.wikipedia.org/wiki/Cascading_Style_Sheets
Wildhammer


39

আপনার সাইট সিএসএসে (বা অন্য কোনও জায়গায়) উদাহরণস্বরূপ একটি নতুন শ্রেণি তৈরি করুন। ফন্ট-গা bold় এবং এটি আপনার উপাদানটিতে সেট করুন

.font-bold {
  font-weight: bold;
}

8
আমি এর বিপরীতে পরামর্শ দেব, মার্কআপটি এর মত, শব্দার্থক বলে মনে হচ্ছে:। ফন্ট-ওজন: সাহসী} উপাদানটির কিছু-কার্যকরী-বিবরণ} কিছুটা CSS এর মতো নামধারী একটি ক্লাস ব্যবহার না করে কেবল স্টাইল = "ফন্ট-ওজন: গা "়;" ব্যবহার করুন, তাড়াতাড়ি নোংরা হওয়া সম্পর্কে আরও সৎ।
সেএমসি

23
এটি একটি নিখুঁত সমাধান এবং ঠিক যেমন অনেক অন্যান্য বুটস্ট্র্যাপ ক্লাস যেমন টেক্সট-আপারকেস বা .লিস্ট-আনস্টাইলযুক্ত যেমন শব্দার্থক। ইনলাইন স্টাইলগুলি ম্যানেজমেন্ট দুঃস্বপ্নে পরিণত হতে পারে, উদাহরণস্বরূপ আপনি যদি পরে সিদ্ধান্ত নেন যে সমস্ত গা bold় উপাদানগুলির একটি আলাদা রঙ হওয়া উচিত বা কোনও পাঠ্য প্রভাব থাকতে পারে। ক্লাস থাকা এটিকে সহজ করে তোলে এবং এটি সেরা উত্তর।
অ্যান্ডি মেহালিক

আমি এখানে অ্যান্ডির সাথে একমত। এটি প্রশ্নের সঠিক উত্তর দেয়। বৈধ ব্যবহারের কেসগুলি রয়েছে যখন সাধারণীকৃত ক্লাসগুলি ব্যবহার করা সবচেয়ে পরিষ্কার এইচটিএমএল আউটপুট সরবরাহ করে, যেখানে জেনারেটর, টুলকিট এবং টেম্পলেট ব্যবহার করা হয়।
dperish

এটি বুটস্ট্র্যাপ <4 এর সঠিক সমাধান strong text এর উদ্দেশ্য হ'ল পাঠ্যটি সাহসী করা নয় , ব্রাউজারগুলি এটি করে কারণ কনভেনশনটি দৃ emphasis় জোর দিয়ে সাহসী পাঠ্য। এইচটিএমএল ট্যাগের অবশ্যই অর্থগত অর্থ থাকতে হবে, এটি কেবল ডিজাইনের উদ্দেশ্যেই বিদ্যমান নয়। বাস্তবে এটি ডাব্লু 3 এর সুপারিশে উদ্ধৃত হয় না, এমনকি b সাহসী হওয়ার জন্যও নির্ভর করা উচিত নয়
আন্দ্রে

1
এটি বুটস্ট্র্যাপ 4
টডডমো

8

বুটস্ট্র্যাপ 4 এ আপনি ব্যবহার করতে পারেন:

<p class="font-weight-bold">Bold text.</p>
<p class="font-weight-normal">Normal weight text.</p>
<p class="font-weight-light">Light weight text.</p>

2

আপনি যদি আরও কাস্টমাইজড মান চান এবং / অথবা আপনি এমন একটি স্কিম অনুসরণ করছেন যা পুনরাবৃত্তি করা দরকার তবে আপনার ফন্ট-ওজন নিয়ন্ত্রণ করতে আপনার বুটস্টারের ভেরিয়েবলগুলি ব্যবহার করা উচিত; রঙ, ব্যবধান, বা ফন্ট স্ট্যাকের মতো সাধারণভাবে ব্যবহৃত মানগুলি কেন্দ্রীকরণ এবং ভাগ করার উপায় হিসাবে পুরো প্রকল্পে চলকগুলি ব্যবহার করা হয়;

আপনি http://getbootstrap.com/css এ সমস্ত নথি খুঁজে পেতে পারেন ।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.