互動(dòng)（Interactions）
可改變使用者如何與網(wǎng)頁(yè)內(nèi)容互動(dòng)的通用類(lèi)。
On this page
文字選擇
改變內(nèi)容被提取的方式，在使用者與它互動(dòng)時(shí)。
當(dāng)使用者點(diǎn)選時(shí)，這個(gè)段落將會(huì)被全選。
這個(gè)段落具有預(yù)設(shè)的提取行為。
當(dāng)使用者點(diǎn)選的時(shí)候，此段落將不會(huì)被提取
<p class="user-select-all">當(dāng)使用者點(diǎn)選時(shí)，這個(gè)段落將會(huì)被全選。</p>
<p class="user-select-auto">這個(gè)段落具有預(yù)設(shè)的提取行為。</p>
<p class="user-select-none">當(dāng)使用者點(diǎn)選的時(shí)候，此段落將不會(huì)被提取</p>Pointer事件
Bootstrap提供.pe-none與.pe-auto類(lèi)別，以移除、添加元素的互動(dòng)性。鏈接可被點(diǎn)擊是指能夠發(fā)揮鏈接的作用，不同于文字可被點(diǎn)選是能被選擇復(fù)制。
這個(gè)連接可以被點(diǎn)擊（此為預(yù)設(shè)行為）.
這個(gè)連接無(wú)法被點(diǎn)擊，因?yàn)槠鋚ointer-events屬性繼承自父層 。這個(gè)連接具有pe-auto類(lèi)別，因此可以被點(diǎn)擊 。
<p><a href="#" class="pe-none" tabindex="-1" aria-disabled="true">這個(gè)連接不可被點(diǎn)擊這個(gè)連接不可被點(diǎn)選</a> </p>
<p><a href="#" class="pe-auto">這個(gè)連接可以被點(diǎn)擊（此為預(yù)設(shè)行為）.</a>
</p>
<p class="pe-none"><a href="#" tabindex="-1" aria-disabled="true">這個(gè)連接無(wú)法被點(diǎn)擊，因?yàn)槠鋚ointer-events屬性繼承自父層。</a> 。然而， <a href="#" class="pe-auto">這個(gè)連接具有pe-auto類(lèi)別，因此可以被點(diǎn)擊</a>。</p>
.pe-none類(lèi)別（以及其所設(shè)置的pointer-events CSS屬性）只會(huì)阻止pointer的交互作用（mouse，stylus，touch）。預(yù)設(shè)下帶有.pe-none的連接以及控制元件仍可以被鍵盤(pán)使用者聚焦、啟動(dòng)。為了確保即使對(duì)于鍵盤(pán)用戶(hù)，它們也完全被消除互動(dòng)，你需要添加額外的屬性如tabindex=“-1”（避免它們?nèi)〉面I盤(pán)用戶(hù)的聚焦）以及aria-disabled=“true”（以向輔助技術(shù)傳達(dá)這些元件被有效的禁用），并可能需要使用JavaScript以完全避免這些元件被啟用。對(duì)于一些控制元素來(lái)說(shuō)，請(qǐng)考慮改用disabled HTML屬性。
Sass
Utilities API
Interaction utilities are declared in our utilities API in scss/_utilities.scss.
"user-select": (
property: user-select,
values: all auto none
),
"pointer-events": (
property: pointer-events,
class: pe,
values: none auto,
),