টাইপোগ্ৰাফী
বুটষ্ট্ৰেপ টাইপোগ্ৰাফীৰ বাবে দস্তাবেজ আৰু উদাহৰণসমূহ, গোলকীয় সংহতিসমূহ, শিৰোনামসমূহ, মূখ্য লিখনী, তালিকাসমূহ, আৰু অধিক অন্তৰ্ভুক্ত কৰি।
বুটষ্ট্ৰেপে মূল গোলকীয় প্ৰদৰ্শন, টাইপোগ্ৰাফী, আৰু সংযোগ শৈলীসমূহ সংহতি কৰে। যেতিয়া অধিক নিয়ন্ত্ৰণৰ প্ৰয়োজন হয়, পাঠ্য সঁজুলি শ্ৰেণীসমূহ পৰীক্ষা কৰক ।
- এটা স্থানীয় ফন্ট ষ্টেক
font-family
ব্যৱহাৰ কৰক যি প্ৰতিটো OS আৰু ডিভাইচৰ বাবে সৰ্বোত্তম নিৰ্ব্বাচন কৰে । - অধিক অন্তৰ্ভুক্ত আৰু অভিগম্য ধৰণ স্কেলৰ বাবে, আমি ব্ৰাউজাৰ অবিকল্পিত ৰূট
font-size
(সাধাৰণতে 16px) ধৰি লৈছো যাতে দৰ্শকে প্ৰয়োজন অনুসৰি তেওঁলোকৰ ব্ৰাউজাৰ অবিকল্পিতসমূহ কাষ্টমাইজ কৰিব পাৰে। $font-family-base
,$font-size-base
, আৰু বৈশিষ্ট্যসমূহ ব্যৱহাৰ কৰক$line-height-base
আমাৰ টাইপোগ্ৰাফিক ভিত্তি হিচাপে<body>
.- গোলকীয় সংযোগৰ ৰং নিৰ্ধাৰণ কৰক
$link-color
আৰু কেৱল ত সংযোগ আণ্ডাৰলাইন প্ৰয়োগ কৰক:hover
। - ( অবিকল্পিতভাৱে) ত
$body-bg
a সংহতি কৰিবলে ব্যৱহাৰ কৰক ।background-color
<body>
#fff
এই শৈলীসমূহ ৰ ভিতৰত পোৱা যাব _reboot.scss
, আৰু গোলকীয় চলকসমূহ ত সংজ্ঞায়িত কৰা হৈছে _variables.scss
। নিশ্চিতভাৱে ছেট $font-size-base
ইন কৰক rem
।
সকলো HTML শিৰোনাম, ৰ <h1>
জৰিয়তে <h6>
, উপলব্ধ।
শিৰোনাম | উদাহৰণ |
---|---|
|
h1. বুটষ্ট্ৰেপ হেডিং |
|
h2. বুটষ্ট্ৰেপ হেডিং |
|
h3. বুটষ্ট্ৰেপ হেডিং |
|
h4. বুটষ্ট্ৰেপ হেডিং |
|
h৫. বুটষ্ট্ৰেপ হেডিং |
|
h6. বুটষ্ট্ৰেপ হেডিং |
.h1
ক্লাছসমূহৰ মাজেৰেও .h6
উপলব্ধ, যেতিয়া আপুনি এটা শিৰোনামৰ ফন্ট ষ্টাইলিং মিলাব বিচাৰে কিন্তু সংশ্লিষ্ট HTML উপাদান ব্যৱহাৰ কৰিব নোৱাৰে।
h1. বুটষ্ট্ৰেপ হেডিং
h2. বুটষ্ট্ৰেপ হেডিং
h3. বুটষ্ট্ৰেপ হেডিং
h4. বুটষ্ট্ৰেপ হেডিং
h৫. বুটষ্ট্ৰেপ হেডিং
h6. বুটষ্ট্ৰেপ হেডিং
অন্তৰ্ভুক্ত সঁজুলি শ্ৰেণীসমূহ ব্যৱহাৰ কৰক Bootstrap 3 ৰ পৰা সৰু গৌণ শিৰোনাম লিখনী পুনৰায় সৃষ্টি কৰিবলে ।
পৰম্পৰাগত শিৰোনাম উপাদানসমূহ আপোনাৰ পৃষ্ঠাৰ বিষয়বস্তুৰ মাংসত সৰ্বোত্তম কাম কৰিবলৈ ডিজাইন কৰা হৈছে। যেতিয়া আপুনি এটা শিৰোনামৰ প্ৰয়োজন হয়, এটা প্ৰদৰ্শন শিৰোনাম ব্যৱহাৰ কৰাৰ কথা চিন্তা কৰক —এটা ডাঙৰ, অলপ বেছি মতামতযুক্ত শিৰোনাম শৈলী।
প্ৰদৰ্শন 1 |
প্ৰদৰ্শন 2 |
প্ৰদৰ্শন 3 |
প্ৰদৰ্শন ৪ |
যোগ কৰি এটা অনুচ্ছেদ আঁতৰাই ৰাখক .lead
।
ভিভামাছ চেজিটিছ লেকাছ ভেল অগু লাওৰিট ৰুট্ৰাম ফ'চিবাছ ডলৰ অক্টৰ। ডুইছ মলিছ, এষ্ট নন কমোডো লুক্টাছ।
সাধাৰণ ইনলাইন HTML5 উপাদানসমূহৰ বাবে ষ্টাইলিং।
আপুনি মাৰ্ক টেগ ব্যৱহাৰ কৰিব পাৰে to...গুৰুত্বপূৰ্ণ অংশপাঠ্য.
এই লিখনীৰ শাৰীটোক মচি পেলোৱা লিখনী হিচাপে গণ্য কৰা হৈছে।
এই লিখনীৰ শাৰীটোক আৰু সঠিক নহয় বুলি গণ্য কৰিবলৈ লোৱা হৈছে।
এই লিখনীৰ শাৰীক নথিপত্ৰত সংযোজন হিচাপে গণ্য কৰা হৈছে।
এই লিখনীৰ শাৰীটোৱে আণ্ডাৰলাইন কৰা ধৰণে ৰেণ্ডাৰ কৰিব
এই লিখনীৰ শাৰীটোক সূক্ষ্ম আখৰ হিচাপে গণ্য কৰিবলৈ লোৱা হৈছে।
এই শাৰীটো গাঢ় লিখনী হিচাপে ৰেণ্ডাৰ কৰা হৈছে।
এই শাৰীটো ইটালিক কৰা লিখনী হিচাপে ৰেণ্ডাৰ কৰা হৈছে।
.mark
আৰু শ্ৰেণীসমূহো টেগসমূহে আনিব পৰা কোনো অবাঞ্চিত অৰ্থগত প্ৰভাৱ এৰাই চলি একে .small
শৈলী প্ৰয়োগ কৰিবলে উপলব্ধ ।<mark>
<small>
<b>
ওপৰত দেখুওৱা হোৱা নাই যদিও, ব্যৱহাৰ কৰিবলৈ আৰু <i>
HTML5 ত নিঃসংকোচে অনুভৱ কৰক । <b>
অতিৰিক্ত গুৰুত্ব নিদিয়াকৈ শব্দ বা বাক্যাংশক উজ্জ্বল কৰি তোলাৰ উদ্দেশ্যে ইয়াৰ অৰ্থ <i>
হৈছে বেছিভাগেই কণ্ঠ, কাৰিকৰী শব্দ আদিৰ বাবে।
আমাৰ লিখনী সঁজুলিসমূহ আৰু ৰঙৰ সঁজুলিসমূহৰ সৈতে লিখনী প্ৰান্তিককৰণ, ৰূপান্তৰ, শৈলী, ওজন, আৰু ৰং সলনি কৰক ।
<abbr>
হোভাৰত সম্প্ৰসাৰিত সংস্কৰণ দেখুৱাবলৈ সংক্ষিপ্তকৰণ আৰু সংক্ষিপ্ত ৰূপৰ বাবে HTML ৰ উপাদানৰ ষ্টাইলাইজড প্ৰণয়ন । সংক্ষিপ্তকৰণসমূহৰ এটা অবিকল্পিত আণ্ডাৰলাইন থাকে আৰু এটা সহায় কাৰ্চাৰ লাভ কৰে হোভাৰত আৰু সহায়ক প্ৰযুক্তিসমূহৰ ব্যৱহাৰকাৰীসকলক অতিৰিক্ত প্ৰসংগ প্ৰদান কৰিবলে।
.initialism
অলপ সৰু ফন্ট-আকাৰৰ বাবে এটা সংক্ষিপ্ত ৰূপত যোগ কৰক ।
attr
HTML
আপোনাৰ দস্তাবেজৰ ভিতৰত অন্য উৎসৰ পৰা বিষয়বস্তুৰ ব্লকসমূহ উদ্ধৃতি দিয়াৰ বাবে। উদ্ধৃতি হিচাপে <blockquote class="blockquote">
যিকোনো HTML ৰ চাৰিওফালে ৰেপ কৰক।
লৰেম ইপ্সম ডলৰ বহা আমেট, কনচেক্টেটাৰ এডিপিচিং এলিট। পূৰ্ণসংখ্যা posuere erat এটা ante.
<footer class="blockquote-footer">
উৎস চিনাক্ত কৰাৰ বাবে এটা যোগ কৰক । উৎস কাৰ্য্যৰ নাম ত ৰেপ কৰক <cite>
।
লৰেম ইপ্সম ডলৰ বহা আমেট, কনচেক্টেটাৰ এডিপিচিং এলিট। পূৰ্ণসংখ্যা posuere erat এটা ante.
আপোনাৰ ব্লককোটৰ প্ৰান্তিককৰণ সলনি কৰিবলে প্ৰয়োজন অনুসৰি লিখনী সঁজুলিসমূহ ব্যৱহাৰ কৰক।
লৰেম ইপ্সম ডলৰ বহা আমেট, কনচেক্টেটাৰ এডিপিচিং এলিট। পূৰ্ণসংখ্যা posuere erat এটা ante.
লৰেম ইপ্সম ডলৰ বহা আমেট, কনচেক্টেটাৰ এডিপিচিং এলিট। পূৰ্ণসংখ্যা posuere erat এটা ante.
তালিকা বস্তুসমূহত অবিকল্পিত list-style
আৰু বাওঁ প্ৰান্ত আঁতৰাওক (কেৱল তাৎক্ষণিক শিশু)। এইটো কেৱল তাৎক্ষণিক শিশু তালিকা বস্তুসমূহৰ বাবে প্ৰযোজ্য , অৰ্থাৎ আপুনি যিকোনো নেষ্টেড তালিকাৰ বাবেও শ্ৰেণী যোগ কৰিব লাগিব।
- লৰেম ইপচুম ডলৰ বহি আমেট
- Consectetur adipiscing অভিজাত
- পূৰ্ণসংখ্যা molestie lorem এ massa
- প্ৰিটিয়াম নিছল এলিকেটত ফেচিলিচিছ
- নুল্লা ভলুটপট এলিকুৱাম ভেলিট
- ফেচেলাছ ইয়াকুলিছ নেক
- Purus sodales ultricies
- ভেষ্টিবুলুম লাওৰিট পৰ্টিটৰ চেম
- 'এক ট্ৰিষ্টিক লিবেৰ' volutpat at
- ফ'চিবাছ পৰ্টা লেকাছ ফ্ৰিংজিলা ভেল
- Aenean বহি আমেট এৰত nunc
- এগেট পৰ্টটিটৰ লৰেম
margin
এটা তালিকাৰ বুলেটসমূহ আঁতৰাওক আৰু দুটা শ্ৰেণীৰ সংমিশ্ৰণৰ সৈতে কিছু পোহৰ প্ৰয়োগ কৰক , .list-inline
আৰু .list-inline-item
.
- লৰেম ইপছুম
- ফেচেলাছ ইয়াকুলিছ
- নুল্লা volutpat
আমাৰ গ্ৰীড ব্যৱস্থাপ্ৰণালীৰ পূৰ্বনিৰ্ধাৰিত শ্ৰেণীসমূহ (বা অৰ্থগত মিক্সিনসমূহ) ব্যৱহাৰ কৰি শব্দ আৰু বিৱৰণসমূহ অনুভূমিকভাৱে প্ৰান্তিককৰণ কৰক। দীৰ্ঘ সময়ৰ বাবে, আপুনি বৈকল্পিকভাৱে এটা .text-truncate
শ্ৰেণী যোগ কৰিব পাৰে এটা উপবৃত্তাকাৰৰ সৈতে লিখনীক ছেদ কৰিবলে।
- বিৱৰণ তালিকাসমূহ
- শব্দ সংজ্ঞায়িত কৰাৰ বাবে এটা বিৱৰণ তালিকা নিখুঁত।
- ইউইস্মোড
-
ভেষ্টিবুলাম আইডি লিগুলা পৰ্টা ফেলিছ ইউইজমড চেম্পাৰ এগেট লেচিনিয়া অডিঅ' চেম নেক এলিট।
ডনেক আইডি এলিট নন মি পৰ্টা গ্ৰেভিডা এট এগেট মেটাছ।
- মালেসুয়াডা পোর্টা
- ইটিয়াম পৰ্টা ছেম মালেছুয়াডা মেগনা মলিছ ইউইস্মোড।
- ছেদ কৰা পদটো ছেদ কৰা হৈছে
- ফুচ ডাপিবাছ, টেলাছ এ চি কাৰ্ছাছ কমোডো, টৰ্টৰ মৌৰিছ কণ্ডিমেণ্টাম নিভ, উট ফাৰ্মেণ্টাম মাছা জষ্টো বহা আমেট ৰিছুছ।
- বাহ সজা
-
- নেষ্টেড সংজ্ঞা তালিকা
- এনিয়ান প'ছুয়েৰ, টৰ্টৰ চেড কাৰ্ছাছ ফেউজিয়াট, ননক অগুৱে ব্লেণ্ডিট ননক।
প্ৰতিক্ৰিয়াশীল টাইপোগ্ৰাফীয়েfont-size
লিখনী আৰু উপাদানসমূহ স্কেলিং কৰাটো বুজায় মাধ্যম প্ৰশ্নসমূহৰ এটা শৃংখলাৰ ভিতৰত ৰূট উপাদানসমূহ সামঞ্জস্য কৰি । বুটষ্ট্ৰেপে আপোনাৰ বাবে এইটো নকৰে, কিন্তু আপুনি প্ৰয়োজন হ'লে যোগ কৰাটো মোটামুটি সহজ।
কাৰ্যক্ষেত্ৰত ইয়াৰ এটা উদাহৰণ দিলোঁ। font-size
আপুনি যি বিচাৰে s আৰু মিডিয়া প্ৰশ্ন বাছি লওক ।