રંગીન લિંક્સ

હોવર સ્ટેટ્સ સાથે રંગીન લિંક્સ

તમે .link-*લિંક્સને રંગીન કરવા માટે વર્ગોનો ઉપયોગ કરી શકો છો. .text-*વર્ગોથી વિપરીત , આ વર્ગોમાં a :hoverઅને :focusરાજ્ય છે.

પ્રાથમિક લિંક ગૌણ લિંક સક્સેસ લિંક ડેન્જર લિંક ચેતવણી લિંક માહિતી લિંક લાઇટ લિંક ડાર્ક લિંક

<a href="#" class="link-primary">Primary link</a>
<a href="#" class="link-secondary">Secondary link</a>
<a href="#" class="link-success">Success link</a>
<a href="#" class="link-danger">Danger link</a>
<a href="#" class="link-warning">Warning link</a>
<a href="#" class="link-info">Info link</a>
<a href="#" class="link-light">Light link</a>
<a href="#" class="link-dark">Dark link</a>

કેટલીક લિંક શૈલીઓ પ્રમાણમાં હળવા અગ્રભાગના રંગનો ઉપયોગ કરે છે, અને પૂરતો કોન્ટ્રાસ્ટ મેળવવા માટે માત્ર ઘેરા પૃષ્ઠભૂમિ પર જ ઉપયોગ કરવો જોઈએ.