Onyesha hali ya upakiaji wa kijenzi au ukurasa na vipicha vya Bootstrap, vilivyojengwa kabisa kwa HTML, CSS, na hakuna JavaScript.
Kuhusu
Bootstrap "spinners" inaweza kutumika kuonyesha hali ya upakiaji katika miradi yako. Zimeundwa kwa HTML na CSS pekee, kumaanisha kuwa hauitaji JavaScript yoyote ili kuziunda. Hata hivyo, utahitaji JavaScript maalum ili kubadilisha mwonekano wao. Muonekano wao, mpangilio na ukubwa wao unaweza kubinafsishwa kwa urahisi na madarasa yetu ya ajabu ya matumizi.
Kwa madhumuni ya ufikivu, kila kipakiaji hapa kinajumuisha role="status"na nested <span class="sr-only">Loading...</span>.
Mzunguko wa mpaka
Tumia spinners za mpaka kwa kiashiria cha upakiaji chepesi.
Inapakia...
Rangi
Spinner ya mpaka hutumia currentColorkwa ajili yake border-color, kumaanisha kuwa unaweza kubinafsisha rangi na huduma za rangi ya maandishi . Unaweza kutumia huduma zetu zozote za rangi ya maandishi kwenye spinner ya kawaida.
Inapakia...
Inapakia...
Inapakia...
Inapakia...
Inapakia...
Inapakia...
Inapakia...
Inapakia...
Kwa nini usitumie border-colorhuduma? Kila spinner ya mpaka inabainisha transparentmpaka kwa angalau upande mmoja, kwa hivyo .border-{color}huduma zinaweza kubatilisha hilo.
Kukua spinner
Ikiwa hupendi spinner ya mpaka, badilisha hadi kukua spinner. Ingawa haizunguki kitaalam, hukua mara kwa mara!
Inapakia...
Kwa mara nyingine tena, spinner hii imejengwa na currentColor, kwa hivyo unaweza kubadilisha mwonekano wake kwa urahisi na huduma za rangi ya maandishi . Hapa ni katika bluu, pamoja na vibadala vinavyotumika.
Inapakia...
Inapakia...
Inapakia...
Inapakia...
Inapakia...
Inapakia...
Inapakia...
Inapakia...
Mpangilio
Spinners katika Bootstrap hujengwa na rems, currentColor, na display: inline-flex. Hii inamaanisha kuwa zinaweza kubadilishwa ukubwa, kupakwa rangi upya na kupangiliwa haraka.
Ongeza .spinner-border-smna .spinner-grow-smkutengeneza spinner ndogo ambayo inaweza kutumika kwa haraka ndani ya vipengele vingine.
Inapakia...
Inapakia...
Au, tumia CSS maalum au mitindo ya ndani ili kubadilisha vipimo inavyohitajika.
Inapakia...
Inapakia...
Vifungo
Tumia spinner ndani ya vitufe ili kuashiria kuwa kitendo kinachakatwa au kinafanyika kwa sasa. Unaweza pia kubadilisha maandishi kutoka kwa kipengee cha spinner na utumie maandishi ya kitufe kama inahitajika.