د بوټسټریپ اسپنرونو سره د یوې برخې یا پاڼې د بارولو حالت په ګوته کړئ، په بشپړ ډول د HTML، CSS، او جاوا سکریپټ سره جوړ شوی.
په اړه
بوټسټریپ "سپینرونه" ستاسو په پروژو کې د بارولو حالت ښودلو لپاره کارول کیدی شي. دوی یوازې د HTML او CSS سره جوړ شوي ، پدې معنی چې تاسو د دوی جوړولو لپاره هیڅ جاوا سکریپټ ته اړتیا نلرئ. تاسو به، په هرصورت، ځینې دودیز جاواسکریپټ ته اړتیا ولرئ ترڅو د دوی لید بدل کړي. د دوی بڼه، سمون، او اندازه کول په اسانۍ سره زموږ د حیرانتیا یوټیلټي ټولګیو سره تنظیم کیدی شي.
د لاسرسي موخو لپاره، دلته هر لوډر شامل دي role="status"
او یو نیسټډ <span class="sr-only">Loading...</span>
.
د سرحد سپنر
د لږ وزن بارولو شاخص لپاره د سرحدی سپنرونو څخه کار واخلئ.
رنګونه
د بارډر سپنر د currentColor
دې لپاره کاروي border-color
، پدې معنی چې تاسو کولی شئ رنګ د متن رنګ کارولو سره دودیز کړئ . تاسو کولی شئ په معیاري سپنر کې زموږ د متن رنګ اسانتیاوې وکاروئ.
بار کول...
بار کول...
بار کول...
بار کول...
بار کول...
بار کول...
بار کول...
بار کول...
ولې border-color
اسانتیاوې نه کاروئ؟ transparent
هر پولډر سپنر لږترلږه د یوې خوا لپاره پوله مشخصوي ، نو .border-{color}
اسانتیاوې به دا له پامه غورځوي.
وده کونکی سپنر
که تاسو سرحدی سپنر نه خوښوی، د ودې سپنر ته لاړشئ. پداسې حال کې چې دا په تخنیکي ډول سپن نه کوي، دا په مکرر ډول وده کوي!
یو ځل بیا، دا اسپنر سره جوړ شوی currentColor
، نو تاسو کولی شئ په اسانۍ سره د متن رنګ کارولو سره د هغې بڼه بدل کړئ . دلته دا په نیلي کې دی، د ملاتړ شوي ډولونو سره.
بار کول...
بار کول...
بار کول...
بار کول...
بار کول...
بار کول...
بار کول...
بار کول...
السلیک
په بوټسټریپ کې سپنرز د rem
s currentColor
، او display: inline-flex
. دا پدې مانا ده چې دوی په اسانۍ سره له سره تنظیم کیدی شي، بیا رنګ شوي، او په چټکۍ سره سمون لري.
مارجن
د آسانه فاصلو لپاره د حاشیې اسانتیاوې وکاروئ ..m-5
ځای پرځای کول
د فلیکس بکس یوټیلیټیز ، فلوټ یوټیلیټیز ، یا د متن د سمون اسانتیاوې وکاروئ ترڅو سپنرز په سمه توګه ځای په ځای کړئ چیرې چې تاسو ورته په هر حالت کې اړتیا لرئ.
فلیکس
تیریږي
متن سمون
اندازه
اضافه کړئ .spinner-border-sm
او .spinner-grow-sm
یو کوچنی سپنر جوړ کړئ چې په چټکۍ سره په نورو برخو کې کارول کیدی شي.
یا، د اړتیا سره سم ابعاد بدلولو لپاره دودیز CSS یا انلاین سټایلونه وکاروئ.
د بټونو دننه سپنرز وکاروئ ترڅو دا وښیې چې یو عمل اوس مهال پروسس یا ترسره کیږي. تاسو ممکن متن د سپنر عنصر څخه هم بدل کړئ او د اړتیا سره سم د تڼۍ متن وکاروئ.