Enkolagana

Utility classes ezikyusa engeri abakozesa gye bakolaganamu n’ebirimu ku mukutu gwa yintaneeti.

Okulonda ebiwandiiko

Kyusa engeri ebirimu gye birondebwamu ng’omukozesa akwatagana nabyo.

Akatundu kano kajja kulondebwa ddala ng’omukozesa anyigiddwa.

Akatundu kano kalina enneeyisa y'okulonda eya bulijjo.

Akatundu kano tekajja kulondebwa ng’omukozesa anyigiddwa.

html

<p class="user-select-all">This paragraph will be entirely selected when clicked by the user.</p>
<p class="user-select-auto">This paragraph has default select behavior.</p>
<p class="user-select-none">This paragraph will not be selectable when clicked by the user.</p>

Ebintu ebibaawo mu pointer

Bootstrap egaba .pe-nonene .pe-autoclasses okuziyiza oba okwongera element interactions.

Link eno tesobola kuginyiga.

Link eno esobola okunyigibwa (eno ye nneeyisa eya bulijjo).

Link eno tesobola kunyigibwa kubanga pointer-eventsekintu kisikirwa okuva ku muzadde waakyo. Wabula link eno erina pe-autoclass era osobola okuginyiga.

html

<p><a href="#" class="pe-none" tabindex="-1" aria-disabled="true">This link</a> can not be clicked.</p>
<p><a href="#" class="pe-auto">This link</a> can be clicked (this is default behavior).</p>
<p class="pe-none"><a href="#" tabindex="-1" aria-disabled="true">This link</a> can not be clicked because the <code>pointer-events</code> property is inherited from its parent. However, <a href="#" class="pe-auto">this link</a> has a <code>pe-auto</code> class and can be clicked.</p>

Ekibiina .pe-none(n'ekintu kya pointer-eventsCSS kye kiteeka) kiziyiza enkolagana yokka n'omulaga (mouse, stylus, touch). Links ne controls with .pe-noneare, by default, zikyalina okussa essira era nga zikolebwako eri abakozesa keyboard. Okukakasa nti zifuuse neutralized ddala ne ku bakozesa keyboard, oyinza okwetaaga okwongerako ebisingawo nga tabindex="-1"(okuziremesa okufuna keyboard focus) ne aria-disabled="true"(okutuusa ensonga nti zilemeddwa bulungi eri tekinologiya ayamba), era nga kiyinzika okuba okukozesa JavaScript okutuuka ziziremese ddala okuba ez’okukola.

Bwe kiba kisoboka, eky’okugonjoola eky’angu kiri nti:

Ku bifuga foomu, yongera ku disabledHTML attribute.

Ku nkolagana, ggyawo hrefekintu, ekifuule enkolagana etali ya kukwatagana oba enkolagana y'ekifo.

Sass nga bwe kiri

Ebikozesebwa API

Ebikozesebwa mu nkolagana birangirirwa mu API yaffe ey'ebikozesebwa mu scss/_utilities.scss. Yiga engeri y'okukozesaamu API y'ebikozesebwa.

    "user-select": (
      property: user-select,
      values: all auto none
    ),
    "pointer-events": (
      property: pointer-events,
      class: pe,
      values: none auto,
    ),