Skip to content

Commit dee29d4

Browse files
patrickhlaukepatrickhlauke
committed
Update docs examples
1 parent 9d73749 commit dee29d4

File tree

4 files changed

+24
-24
lines changed

4 files changed

+24
-24
lines changed

‎site/content/docs/5.0/components/carousel.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -79,9 +79,9 @@ You can also add the indicators to the carousel, alongside the controls, too.
7979
{{< example >}}
8080
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
8181
<div class="carousel-indicators">
82-
<button data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-label="Slide 1"></button>
83-
<button data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
84-
<button data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
82+
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
83+
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
84+
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
8585
</div>
8686
<div class="carousel-inner">
8787
<div class="carousel-item active">
@@ -112,9 +112,9 @@ Add captions to your slides easily with the `.carousel-caption` element within a
112112
{{< example >}}
113113
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
114114
<div class="carousel-indicators">
115-
<button data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-label="Slide 1"></button>
116-
<button data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
117-
<button data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
115+
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
116+
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
117+
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
118118
</div>
119119
<div class="carousel-inner">
120120
<div class="carousel-item active">
@@ -241,9 +241,9 @@ Add `.carousel-dark` to the `.carousel` for darker controls, indicators, and cap
241241
{{< example >}}
242242
<div id="carouselExampleDark" class="carousel carousel-dark slide" data-bs-ride="carousel">
243243
<div class="carousel-indicators">
244-
<button data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active" aria-label="Slide 1"></button>
245-
<button data-bs-target="#carouselExampleDark" data-bs-slide-to="1" aria-label="Slide 2"></button>
246-
<button data-bs-target="#carouselExampleDark" data-bs-slide-to="2" aria-label="Slide 3"></button>
244+
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
245+
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="1" aria-label="Slide 2"></button>
246+
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="2" aria-label="Slide 3"></button>
247247
</div>
248248
<div class="carousel-inner">
249249
<div class="carousel-item active" data-bs-interval="10000">

‎site/content/docs/5.0/examples/carousel-rtl/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -37,11 +37,11 @@
3737
<main>
3838

3939
<div id="myCarousel" class="carousel slide" data-bs-ride="carousel">
40-
<ol class="carousel-indicators">
41-
<li data-bs-target="#myCarousel" data-bs-slide-to="0" class="active"></li>
42-
<li data-bs-target="#myCarousel" data-bs-slide-to="1"></li>
43-
<li data-bs-target="#myCarousel" data-bs-slide-to="2"></li>
44-
</ol>
40+
<div class="carousel-indicators">
41+
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
42+
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
43+
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
44+
</div>
4545
<div class="carousel-inner">
4646
<div class="carousel-item active">
4747
{{< placeholder width="100%" height="100%" background="#777" color="#777" text="false" title="false" >}}

‎site/content/docs/5.0/examples/carousel/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -36,11 +36,11 @@
3636
<main>
3737

3838
<div id="myCarousel" class="carousel slide" data-bs-ride="carousel">
39-
<ol class="carousel-indicators">
40-
<li data-bs-target="#myCarousel" data-bs-slide-to="0" class="active"></li>
41-
<li data-bs-target="#myCarousel" data-bs-slide-to="1"></li>
42-
<li data-bs-target="#myCarousel" data-bs-slide-to="2"></li>
43-
</ol>
39+
<div class="carousel-indicators">
40+
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
41+
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
42+
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
43+
</div>
4444
<div class="carousel-inner">
4545
<div class="carousel-item active">
4646
{{< placeholder width="100%" height="100%" background="#777" color="#777" text="false" title="false" >}}

‎site/content/docs/5.0/examples/cheatsheet-rtl/index.html

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -862,11 +862,11 @@ <h3>شرائح عرض</h3>
862862
<div>
863863
{{< example show_markup="false" >}}
864864
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
865-
<ol class="carousel-indicators">
866-
<li data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active"></li>
867-
<li data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"></li>
868-
<li data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"></li>
869-
</ol>
865+
<div class="carousel-indicators">
866+
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
867+
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"</button>
868+
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
869+
</div>
870870
<div class="carousel-inner">
871871
<div class="carousel-item active">
872872
{{< placeholder width="800" height="400" class="bd-placeholder-img-lg d-block w-100" color="#555" background="#777" text="الشريحة الأولى" >}}

0 commit comments

Comments
 (0)