টাইপোগ্ৰাফিক স্কেল

সম্পূৰ্ণ টাইপোগ্ৰাফিক গ্ৰীডটো আমাৰ variables.less ফাইলত দুটা Less চলকৰ ওপৰত ভিত্তি কৰি তৈয়াৰ কৰা হৈছে: @baseFontSizeআৰু @baseLineHeight. প্ৰথমটো হৈছে গোটেইখিনিতে ব্যৱহৃত ভিত্তি ফন্ট-আকাৰ আৰু দ্বিতীয়টো হৈছে ভিত্তি ৰেখা-উচ্চতা।

আমি সেই চলকসমূহ ব্যৱহাৰ কৰো, আৰু কিছুমান গণিত, আমাৰ সকলো ধৰণৰ আৰু অধিক মাৰ্জিন, পেডিং, আৰু লাইন-উচ্চতা সৃষ্টি কৰিবলৈ।

উদাহৰণ দেহৰ লিখনী

নুল্লম কুইছ ৰিছুছ এগেট উৰ্না মলিছ অৰ্নাৰে ভেল ইউ লিও। Cum sociis natoque পেনাটিবাছ এট মেগনিছ ডি পাৰ্চুৰিয়েন্ট মন্টেছ, নাচেটাৰ ৰিডিকুলাছ মুছ। নুল্লাম আইডি ডোলৰ আইডি নিভ উল্ট্ৰিচিয়েছ ভেহিকুলা উট আইডি এলিট।

ভিভামাছ চেজিটিছ লেকাছ ভেল অগু লাওৰিট ৰুট্ৰাম ফ'চিবাছ ডলৰ অক্টৰ। ডুইছ মলিছ, এষ্ট নন কমোডো লুক্টাছ, নিচি এৰাট পৰ্টিট'ৰ লিগুলা, এগেট লেচিনিয়া অডিঅ' চেম নেক এলিট। ডনেক চেড অডিঅ' ডুই।

জোৰ দিয়া ব্যৱহাৰ কৰি

Fusce dapibus , tellus ac cursus commodo , tortor mauris কণ্ডিমেণ্টাম নিভ , উট ফাৰ্মেণ্টাম মাছা জষ্টো বহি আমেত ৰিছুছ। মেচেনাছ ফ’চিবাছ মলিছ ইন্টাৰডাম। Nulla vitae elit libero, এটা ফেৰেট্ৰা অগু।

টোকা:<b> ব্যৱহাৰ কৰিবলৈ আৰু HTML5 ত নিঃসংকোচে অনুভৱ কৰক <i>, কিন্তু তেওঁলোকৰ ব্যৱহাৰ অলপ সলনি হৈছে। <b>অতিৰিক্ত গুৰুত্ব নিদিয়াকৈ শব্দ বা বাক্যাংশক উজ্জ্বল কৰি তোলাৰ উদ্দেশ্যে ইয়াৰ অৰ্থ <i>হৈছে বেছিভাগেই কণ্ঠস্বৰ, কাৰিকৰী শব্দ আদিৰ বাবে।

উদাহৰণ ঠিকনা

<address>টেগটো কেনেকৈ ব্যৱহাৰ কৰিব পাৰি তাৰ দুটা উদাহৰণ দিলোঁ :

উদাহৰণ সংক্ষিপ্ত ৰূপ

সংক্ষিপ্তকৰণসমূহ ডাঙৰ লিখনী আৰু এটা পাতল বিন্দুযুক্ত তলৰ সীমাৰেখাৰে শৈলী কৰা হয়। হোভাৰত তেওঁলোকৰ এটা সহায় কাৰ্চাৰো আছে যাতে ব্যৱহাৰকাৰীসকলৰ অতিৰিক্ত ইংগিত থাকে হোভাৰত কিবা এটা দেখুওৱা হ’ব।

ৰুটি টুকুৰা টুকুৰ কৰাৰ পিছত HTML হৈছে আটাইতকৈ ভাল বস্তু।

বৈশিষ্ট্য শব্দটোৰ এটা সংক্ষিপ্ত ৰূপ হ'ল attr ।

এটা ব্লককোট অন্তৰ্ভুক্ত কৰিবলৈ, <blockquote>যিকোনো HTML উদ্ধৃতি হিচাপে ৰেপ কৰক। পোনপটীয়া উদ্ধৃতিৰ বাবে আমি এটা পৰামৰ্শ দিওঁ <p>।

আপোনাৰ উৎস উদ্ধৃতি দিবলৈ এটা বৈকল্পিক <small>উপাদান অন্তৰ্ভুক্ত কৰক আৰু আপুনি —ষ্টাইলিং উদ্দেশ্যৰ বাবে ইয়াৰ আগত এটা em ডেচ পাব।

<ব্লককোট>
  <p> লৰেম ইপচুম ডলৰ বহি আমেট, কনচেক্টেটাৰ এডিপিচিং এলিট। পূৰ্ণসংখ্যা posuere erat এটা ante venenatis. </p>
  <small> কোনোবা বিখ্যাত </small>
</blockquote> ৰ দ্বাৰা প্ৰকাশিত

অবিকল্পিত ব্লককোটসমূহক এনেদৰে শৈলী কৰা হয়:

লৰেম ইপ্সম ডলৰ বহা আমেট, কনচেক্টেটাৰ এডিপিচিং এলিট। পূৰ্ণসংখ্যা posuere erat এটা ante venenatis.

Body of work ত কোনোবা বিখ্যাত

আপোনাৰ ব্লককোট সোঁফালে ওপঙিবলৈ, যোগ কৰক class="pull-right":

লৰেম ইপ্সম ডলৰ বহা আমেট, কনচেক্টেটাৰ এডিপিচিং এলিট। পূৰ্ণসংখ্যা posuere erat এটা ante venenatis.

Body of work ত কোনোবা বিখ্যাত

অনাৰ্ডাৰেড

<ul>

• লৰেম ইপচুম ডলৰ বহি আমেট
• Consectetur adipiscing অভিজাত
• পূৰ্ণসংখ্যা molestie lorem এ massa
• প্ৰিটিয়াম নিছল এলিকেটত ফেচিলিচিছ
• নুল্লা ভলুটপট এলিকুৱাম ভেলিট
  • ফেচেলাছ ইয়াকুলিছ নেক
  • Purus sodales ultricies
  • ভেষ্টিবুলুম লাওৰিট পৰ্টিটৰ চেম
  • 'এক ট্ৰিষ্টিক লিবেৰ' volutpat at
• ফ'চিবাছ পৰ্টা লেকাছ ফ্ৰিংজিলা ভেল
• Aenean বহি আমেট এৰত nunc
• এগেট পৰ্টটিটৰ লৰেম

আনষ্টাইল কৰা

<ul class="unstyled">

• লৰেম ইপচুম ডলৰ বহি আমেট
• Consectetur adipiscing অভিজাত
• পূৰ্ণসংখ্যা molestie lorem এ massa
• প্ৰিটিয়াম নিছল এলিকেটত ফেচিলিচিছ
• নুল্লা ভলুটপট এলিকুৱাম ভেলিট
  • ফেচেলাছ ইয়াকুলিছ নেক
  • Purus sodales ultricies
  • ভেষ্টিবুলুম লাওৰিট পৰ্টিটৰ চেম
  • 'এক ট্ৰিষ্টিক লিবেৰ' volutpat at
• ফ'চিবাছ পৰ্টা লেকাছ ফ্ৰিংজিলা ভেল
• Aenean বহি আমেট এৰত nunc
• এগেট পৰ্টটিটৰ লৰেম

অৰ্ডাৰ দিয়া হৈছে

<ol>

1. লৰেম ইপচুম ডলৰ বহি আমেট
2. Consectetur adipiscing অভিজাত
3. পূৰ্ণসংখ্যা molestie lorem এ massa
4. প্ৰিটিয়াম নিছল এলিকেটত ফেচিলিচিছ
5. নুল্লা ভলুটপট এলিকুৱাম ভেলিট
6. ফ'চিবাছ পৰ্টা লেকাছ ফ্ৰিংজিলা ভেল
7. Aenean বহি আমেট এৰত nunc
8. এগেট পৰ্টটিটৰ লৰেম

বিৱৰণ

<dl>

বিৱৰণ তালিকাসমূহ

শব্দ সংজ্ঞায়িত কৰাৰ বাবে এটা বিৱৰণ তালিকা নিখুঁত।

ইউইস্মোড

ভেষ্টিবুলাম আইডি লিগুলা পৰ্টা ফেলিছ ইউইজমড চেম্পাৰ এগেট লেচিনিয়া অডিঅ' চেম নেক এলিট।

ডনেক আইডি এলিট নন মি পৰ্টা গ্ৰেভিডা এট এগেট মেটাছ।

মালেসুয়াডা পোর্টা

ইটিয়াম পৰ্টা ছেম মালেছুয়াডা মেগনা মলিছ ইউইস্মোড।

শাৰীত

ক'ডৰ ইনলাইন স্নিপেটসমূহ ৰ সৈতে ৰেপ কৰক <code>।

উদাহৰণস্বৰূপ , <code> অংশ </ code > ইনলাইন হিচাপে ৰেপ কৰিব লাগে ।  

মূল ব্লক

<pre>ক'ডৰ একাধিক শাৰীৰ বাবে ব্যৱহাৰ কৰক । সঠিক ৰেণ্ডাৰৰ বাবে যিকোনো কেৰেটক সিহঁতৰ ইউনিক'ড আখৰলৈ নিশ্চিতভাৱে ৰূপান্তৰিত কৰক।

<p>ইয়াত নমুনা লিখনী...</p>

<প্ৰাক>
  <p>ইয়াত নমুনা লিখনী...</p>
</pre>

টোকা: টেগসমূহৰ ভিতৰত ক'ড নিশ্চিতভাৱে <pre>বাওঁফালে যিমান পাৰি ওচৰত ৰাখক; ই সকলো টেব ৰেণ্ডাৰ কৰিব।

গুগল প্ৰিটিফাই

একেটা <pre>উপাদান লওক আৰু উন্নত ৰেণ্ডাৰৰ বাবে দুটা বৈকল্পিক শ্ৰেণী যোগ কৰক।

<p> ইয়াত লিখাৰ নমুনা... </p>

<pre class = "প্ৰিটিপ্ৰিন্ট।" 
     linenums" >
  <p>ইয়াত নমুনা লিখনী...</p>
</pre>

google-code-prettify ডাউনলোড কৰক আৰু কেনেকৈ ব্যৱহাৰ কৰিব লাগে তাৰ বাবে readme চাওক।

<টেবুল>
  <মূৰ>
    <tr>
      <th> ... </th>
      <th> ... </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td> ... </td>
      <td> ... </td>
    </tr>
  </tbody>
</table>

পঠনযোগ্যতা সুনিশ্চিত কৰিবলে আৰু গঠন ৰক্ষণাবেক্ষণ কৰিবলে টেবুলসমূহক স্বয়ংক্ৰিয়ভাৱে কেৱল কেইটামান সীমাৰেখাৰে শৈলী কৰা হয়। ২.০ ৰ সৈতে .tableক্লাছটো প্ৰয়োজনীয়।

<টেবুল শ্ৰেণী = "টেবুল" > 
  ...
</table>

জেব্ৰা-ষ্ট্ৰাইপিং যোগ কৰি আপোনাৰ টেবুলসমূহৰ সৈতে অলপ আড়ম্বৰপূৰ্ণ হওক—মাত্ৰ .table-stripedক্লাছটো যোগ কৰক।

টোকা: স্প্ৰিট কৰা টেবুলসমূহে :nth-childCSS নিৰ্বাচক ব্যৱহাৰ কৰে আৰু IE7-IE8 ত উপলব্ধ নহয়।

<table class = "টেবুল টেবুল-ষ্ট্ৰাইপড" > 
  ...
</table>

নান্দনিক উদ্দেশ্যে গোটেই টেবুলখনৰ চাৰিওফালে সীমা আৰু ঘূৰণীয়া চুক যোগ কৰক।

<table class = "টেবুল টেবুল-সীমাবদ্ধ" > 
  ...
</table>

টেবুল কোষ পেডিং আধালৈ কাটিবলৈ শ্ৰেণী যোগ কৰি আপোনাৰ টেবুলসমূহক অধিক কমপাক্ট কৰক .table-condensed(8px ৰ পৰা 4px লৈ)।

<table class = "টেবুল টেবুল-ঘনীভূত" > 
  ...
</table>

উপলব্ধ যিকোনো শ্ৰেণী ব্যৱহাৰ কৰি বিভিন্ন ৰূপ লাভ কৰিবলৈ টেবুল ক্লাছৰ যিকোনো এটা একত্ৰিত কৰিবলৈ নিঃসংকোচে অনুভৱ কৰক।

<table class = "টেবুল টেবুল-ষ্ট্ৰাইপড টেবুল-সীমাযুক্ত টেবুল-ঘনীভূত" > 
  ...
</table>

নমনীয় HTML আৰু CSS

Bootstrap ত প্ৰপত্ৰসমূহৰ বিষয়ে সৰ্বোত্তম অংশটো হ'ল যে আপোনাৰ সকলো ইনপুট আৰু নিয়ন্ত্ৰণসমূহ আপুনি আপোনাৰ মাৰ্কআপত যিমানেই নিৰ্মাণ নকৰক কিয় সুন্দৰ দেখা যায়। কোনো অতিৰিক্ত HTML ৰ প্ৰয়োজন নাই, কিন্তু আমি প্ৰয়োজনীয় সকলৰ বাবে আৰ্হিবোৰ প্ৰদান কৰোঁ।

অধিক জটিল পৰিকল্পনাসমূহ সহজ ষ্টাইলিং আৰু ইভেন্ট বাইণ্ডিঙৰ বাবে সংক্ষিপ্ত আৰু স্কেলেবল শ্ৰেণীসমূহৰ সৈতে আহে, গতিকে আপুনি প্ৰতিটো পদক্ষেপতে আবৃত।

চাৰিটা লেআউট অন্তৰ্ভুক্ত কৰা হৈছে

বুটষ্ট্ৰেপ চাৰি ধৰণৰ ফৰ্ম পৰিকল্পনাৰ বাবে সমৰ্থনৰ সৈতে আহে:

• উলম্ব (অবিকল্পিত)
• সন্ধান
• শাৰীত
• অনুভূমিক

বিভিন্ন ধৰণৰ প্ৰপত্ৰ পৰিকল্পনাসমূহৰ বাবে মাৰ্কআপ কৰিবলৈ কিছুমান পৰিবৰ্তনৰ প্ৰয়োজন হয়, কিন্তু নিয়ন্ত্ৰণসমূহ নিজেই একেই থাকে আৰু আচৰণ কৰে।

নিয়ন্ত্ৰণ অৱস্থা আৰু অধিক

বুটষ্ট্ৰেপৰ প্ৰপত্ৰসমূহে সকলো ভিত্তি প্ৰপত্ৰ নিয়ন্ত্ৰণৰ বাবে শৈলীসমূহ অন্তৰ্ভুক্ত কৰে যেনে ইনপুট, লিখনীক্ষেত্ৰ, আৰু আপুনি আশা কৰা নিৰ্ব্বাচন। কিন্তু ই সংলগ্ন আৰু প্ৰিপেণ্ডেড ইনপুট আৰু চেকবক্সৰ তালিকাৰ বাবে সমৰ্থনৰ দৰে কেইবাটাও কাষ্টম উপাদানৰ সৈতেও আহে।

প্ৰতিটো ধৰণৰ ফৰ্ম নিয়ন্ত্ৰণৰ বাবে ভুল, সতৰ্কবাণী, আৰু সফলতাৰ দৰে অৱস্থা অন্তৰ্ভুক্ত কৰা হৈছে। নিষ্ক্ৰিয় নিয়ন্ত্ৰণসমূহৰ বাবে শৈলীসমূহো অন্তৰ্ভুক্ত কৰা হৈছে।

v2.0 ৰ সৈতে, আমাৰ ওচৰত ফৰ্ম শৈলীৰ বাবে লঘু আৰু স্মাৰ্ট অবিকল্পিত আছে। কোনো অতিৰিক্ত মাৰ্কআপ নাই, মাত্ৰ ফৰ্ম নিয়ন্ত্ৰণ।

.form-searchঅবিকল্পিত WebKit শৈলীসমূহ প্ৰতিফলিত কৰি, অতিৰিক্ত ঘূৰণীয়া সন্ধান ক্ষেত্ৰসমূহৰ বাবে যোগ কৰক ।

ইনপুটসমূহ আৰম্ভ কৰিবলৈ ব্লক স্তৰৰ। .form-inlineআৰু ৰ বাবে .form-horizontal, আমি inline-block ব্যৱহাৰ কৰো।

কি অন্তৰ্ভুক্ত কৰা হৈছে

বাওঁফালে দেখুওৱা হৈছে আমি সমৰ্থন কৰা সকলো অবিকল্পিত ফৰ্ম নিয়ন্ত্ৰণ। ইয়াত বুলেটযুক্ত তালিকাখন দিয়া হৈছে:

• লিখনী ইনপুটসমূহ (লিখনী, পাছৱৰ্ড, ইমেইল, ইত্যাদি)
• চেকবক্স
• ৰেডিঅ'
• চয়ন কৰা
• একাধিক নিৰ্বাচন কৰক
• ফাইল ইনপুট
• টেক্সট এৰিয়া

v2.0 ৰ সৈতে নতুন অবিকল্পিতসমূহ

v1.4 লৈকে, Bootstrap ৰ অবিকল্পিত প্ৰপত্ৰ শৈলীসমূহে অনুভূমিক পৰিকল্পনা ব্যৱহাৰ কৰিছিল । Bootstrap 2 ৰ সৈতে, আমি যিকোনো ফৰ্মৰ বাবে স্মাৰ্ট, অধিক স্কেলেবল অবিকল্পিতসমূহ থাকিবলৈ সেই বাধা আঁতৰালোঁ।

পুনৰ ডিজাইন কৰা ব্ৰাউজাৰৰ অৱস্থা

বুটষ্ট্ৰেপে ব্ৰাউজাৰ-সমৰ্থিত কেন্দ্ৰীভূত আৰু disabledঅৱস্থাসমূহৰ বাবে শৈলীসমূহ বৈশিষ্ট্য দিয়ে। আমি অবিকল্পিত Webkit আঁতৰাওঁ outlineআৰু box-shadowইয়াৰ ঠাইত এটা প্ৰয়োগ কৰো :focus।

প্ৰপত্ৰ বৈধকৰণ

ইয়াত ভুল, সতৰ্কবাণী, আৰু সফলতাৰ বাবে বৈধকৰণ শৈলীসমূহো অন্তৰ্ভুক্ত কৰা হৈছে। ব্যৱহাৰ কৰিবলৈ, ভুল শ্ৰেণীটো চাৰিওফালৰ ত যোগ কৰক .control-group।

<ফিল্ডছেট
  class = "নিয়ন্ত্ৰণ-গোট ভুল" >
  ...
</ফিল্ডছেট>

ইনপুটসমূহ প্ৰিপেণ্ড আৰু সংযোজন কৰক

ইনপুট গোটসমূহে—সংলগ্ন বা প্ৰিপেণ্ড কৰা লিখনীৰ সৈতে—আপোনাৰ ইনপুটসমূহৰ বাবে অধিক প্ৰসংগ দিয়াৰ এটা সহজ উপায় প্ৰদান কৰে। ডাঙৰ উদাহৰণসমূহৰ ভিতৰত আছে টুইটাৰ ব্যৱহাৰকাৰীনামৰ বাবে @ চিহ্ন বা বিত্তীয় ক্ষেত্ৰত $।

চেকবক্স আৰু ৰেডিঅ'

v1.4 লৈকে, বুটষ্ট্ৰেপৰ বাবে চেকবাক্স আৰু ৰেডিঅ'সমূহৰ চাৰিওফালে অতিৰিক্ত মাৰ্কআপৰ প্ৰয়োজন আছিল সিহতক ষ্টেক কৰিবলে । এতিয়া, ই এটা সহজ কথা পুনৰাবৃত্তি কৰা <label class="checkbox">যিয়ে <input type="checkbox">.

ইনলাইন চেকবক্স আৰু ৰেডিঅ'সমূহো সমৰ্থিত। মাত্ৰ .inlineযিকোনো বাত যোগ .checkboxকৰক .radioআৰু আপুনি শেষ হ’ল।

ইনলাইন ফৰ্ম আৰু এপেণ্ড/প্ৰিপেণ্ড

এটা ইনলাইন ফৰ্মত প্ৰিপেণ্ড বা এপেণ্ড ইনপুটসমূহ ব্যৱহাৰ কৰিবলে, .add-onআৰু inputএকেটা শাৰীতে, স্পেচ নোহোৱাকৈ স্থাপন কৰাটো নিশ্চিত কৰক।

সহায় পাঠ্য গঠন কৰক

আপোনাৰ প্ৰপত্ৰ ইনপুটসমূহৰ বাবে সহায় লিখনী যোগ কৰিবলে, ইনপুট উপাদানৰ পিছত ইনলাইন সহায় লিখনী <span class="help-inline">বা এটা সহায় লিখনী ব্লক অন্তৰ্ভুক্ত কৰক।<p class="help-block">

কাৰ্য্যসমূহৰ বাবে বুটামসমূহ

এটা নিয়ম হিচাপে, বুটামসমূহ কেৱল কাৰ্য্যসমূহৰ বাবে ব্যৱহাৰ কৰিব লাগে যেতিয়া হাইপাৰলিংকসমূহ বস্তুসমূহৰ বাবে ব্যৱহাৰ কৰিব লাগে। উদাহৰণস্বৰূপে, "ডাউনলোড" এটা বুটাম হ'ব লাগে আনহাতে "শেহতীয়া কাৰ্য্যকলাপ" এটা লিংক হ'ব লাগে।

লংঘন আৰু ফৰ্মৰ বাবে

বুটাম শৈলীসমূহ প্ৰয়োগ কৰা যিকোনো বস্তুত প্ৰয়োগ কৰিব পাৰি .btn। <a>কিন্তু, সাধাৰণতে আপুনি এইবোৰ কেৱল আৰু <button>উপাদানসমূহত প্ৰয়োগ কৰিব বিচাৰিব ।

বি:দ্ৰ: সকলো বুটামত .btnশ্ৰেণীটো অন্তৰ্ভুক্ত কৰিব লাগিব। <button>বুটাম শৈলীসমূহ আৰু <a>সামঞ্জস্যতাৰ বাবে উপাদানসমূহ প্ৰয়োগ কৰিব লাগে ।

একাধিক আকাৰ

ডাঙৰ বা সৰু বুটামৰ আড়ম্বৰপূৰ্ণ? ইয়াত আছে!

প্ৰাথমিক কাৰ্য্য কাৰ্য কৰা

প্ৰাথমিক কাৰ্য্য কাৰ্য কৰা

অক্ষম অৱস্থা

নিষ্ক্ৰিয় বুটামসমূহৰ বাবে, .btn-disabledসংযোগসমূহৰ বাবে আৰু উপাদানসমূহৰ :disabledবাবে ব্যৱহাৰ কৰক।<button>

প্ৰাথমিক কাৰ্য্য কাৰ্য কৰা

প্ৰাথমিক কাৰ্য্য কাৰ্য কৰা

ক্ৰছ ব্ৰাউজাৰ সামঞ্জস্যতা

IE9 ত আমি সকলো বুটামত গ্ৰেডিয়েণ্টটো ঘূৰণীয়া কোণৰ সপক্ষে ড্ৰপ কৰো কাৰণ IE9 এ চুকবোৰলৈ পটভূমি গ্ৰেডিয়েণ্ট ক্ৰপ নকৰে।

সম্পৰ্কীয়, IE9 এ নিষ্ক্ৰিয় buttonউপাদানসমূহক janifies কৰে, এটা জঘন্য লিখনী-ছাঁৰ সৈতে লিখনী ধূসৰ ৰেণ্ডাৰ কৰে—দুৰ্ভাগ্যজনকভাৱে আমি এইটো ঠিক কৰিব নোৱাৰো।

স্প্ৰাইট হিচাপে নিৰ্মিত

প্ৰতিটো আইকনক এটা অতিৰিক্ত অনুৰোধ কৰাৰ পৰিৱৰ্তে, আমি সিহতক এটা স্প্ৰাইটলৈ কম্পাইল কৰিছো—এটা নথিপত্ৰত ছবিৰ এটা গোট যি ছবিসমূহক ৰ সৈতে অৱস্থান কৰিবলে CSS ব্যৱহাৰ কৰে background-position। আমি টুইটাৰ ডট কমত ব্যৱহাৰ কৰা একেটা পদ্ধতিয়েই আমাৰ বাবে ভাল কাম কৰিছে।

সকলো আইকন শ্ৰেণীত .icon-সঠিক নামব্যৱধান আৰু পৰিসৰৰ বাবে উপসৰ্গ দিয়া হয়, আমাৰ অন্য উপাদানসমূহৰ দৰেই। ই অন্য সঁজুলিৰ সৈতে সংঘাতৰ পৰা হাত সাৰিবলৈ সহায় কৰিব।

Glyphicons এ আমাক আমাৰ মুক্ত-উৎস সঁজুলিকিটত Halflings ছেট ব্যৱহাৰৰ অনুমতি দিছে যেতিয়ালৈকে আমি ইয়াত docs ত এটা লিংক আৰু ক্ৰেডিট প্ৰদান কৰোঁ। অনুগ্ৰহ কৰি আপোনাৰ প্ৰজেক্টবোৰতো একেদৰেই কৰাৰ কথা চিন্তা কৰক।

কেনেকৈ ব্যৱহাৰ কৰিব

v2.0.0 ৰ সৈতে, আমি <i>আমাৰ সকলো আইকনৰ বাবে এটা টেগ ব্যৱহাৰ কৰিবলৈ বাছি লৈছো, কিন্তু সিহঁতৰ কোনো কেছ ক্লাছ নাই—কেৱল এটা শ্বেয়াৰ কৰা উপসৰ্গ। ব্যৱহাৰ কৰিবলৈ, নিম্নলিখিত ক'ডটো প্ৰায় যিকোনো ঠাইত ৰাখক:

<i class = "আইকন-অন্বেষণ" </i> 

ওলোটা (বগা) আইকনসমূহৰ বাবেও শৈলীসমূহ উপলব্ধ, এটা অতিৰিক্ত শ্ৰেণীৰ সৈতে সাজু কৰা:

<i class = "আইকন-অন্বেষণ আইকন-বগা" ></i> 

আপোনাৰ আইকনৰ বাবে ১২০টা ক্লাছৰ পৰা নিৰ্বাচন কৰিব পাৰি। মাত্ৰ <i>সঠিক শ্ৰেণীসমূহৰ সৈতে এটা টেগ যোগ কৰক আৰু আপুনি ছেট কৰা হৈছে। আপুনি সম্পূৰ্ণ তালিকা sprites.less ত বা ইয়াত এই নথিপত্ৰত পাব পাৰে।

ব্যৱহাৰ কেছ

আইকনবোৰ বৰ ভাল, কিন্তু ক’ত ব্যৱহাৰ কৰিব? ইয়াত কেইটামান ধাৰণা দিয়া হ’ল:

• আপোনাৰ চাইডবাৰ নেভিগেচনৰ বাবে দৃশ্যমান হিচাপে
• এটা বিশুদ্ধভাৱে আইকন-চালিত নেভিগেচনৰ বাবে
• এটা কাৰ্য্যৰ অৰ্থ প্ৰকাশ কৰাত সহায়ক হোৱাকৈ বুটামৰ বাবে
• ব্যৱহাৰকাৰীৰ গন্তব্যস্থানত প্ৰসংগ ভাগ-বতৰা কৰিবলৈ লিংকৰ সৈতে

মূলতঃ যিকোনো ঠাইতে <i>টেগ লগাই দিব পাৰে, তাতেই আইকন দিব পাৰে।

সতেজ কৰক চেকআউট কৰক বিলোপ

মন্তব্য ছেটিংছ অধিক তথ্য