Skip to content

Commit 7cc6e92

Browse files
PhinomePhinome
committed
fixed intro mistake
1 parent 8608bcc commit 7cc6e92

File tree

4 files changed

+94
-94
lines changed

4 files changed

+94
-94
lines changed

‎examples/card/demo.details

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,14 @@
11
/*
22
---
3-
name: Carousel - BootstrapVue
4-
description: https://bootstrap-vue.github.io/docs/components/carousel
3+
name: Cards - BootstrapVue
4+
description: https://bootstrap-vue.github.io/docs/components/card
55
authors:
6-
- Pooya Parsa Phinome
6+
- Pooya Parsa
77
resources:
88
- https://unpkg.com/bootstrap@next/dist/css/bootstrap.min.css
99
- https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.css
1010
- https://unpkg.com/vue@latest/dist/vue.min.js
11+
- https://unpkg.com/tether@latest/dist/js/tether.min.js
1112
- https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.js
1213
js_wrap: l
1314
...

‎examples/card/demo.html

Lines changed: 25 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -1,69 +1,32 @@
11
<div id="app">
22
<!-- Simple -->
3-
<h4>Simple</h4>
4-
<b-carousel>
5-
<b-slide>
6-
<img class="d-block img-fluid" src="http://placeskull.com/200/200/ABABAB/-1/0" alt="" data-holder-rendered="true" />
7-
</b-slide>
8-
<b-slide>
9-
<img class="d-block img-fluid" src="http://placeskull.com/200/200/E8117F/-1/0" alt="" data-holder-rendered="true" />
10-
</b-slide>
11-
</b-carousel>
3+
<b-card class="mb-2" variant="success">Simple Card</b-card>
124

135
<!-- Standard -->
14-
<h4>Standard</h4>
15-
<b-carousel controls :interval="3000" indicators>
16-
<b-slide>
17-
<img class="d-block img-fluid" src="http://placeskull.com/200/200/ABABAB/-1/0" alt="" data-holder-rendered="true" />
18-
<div class="carousel-caption d-none d-md-block">
19-
<h3>First slide label</h3>
20-
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
21-
</div>
22-
</b-slide>
23-
<b-slide>
24-
<img class="d-block img-fluid" src="http://placeskull.com/200/200/E8117F/-1/0" alt="" data-holder-rendered="true" />
25-
<div class="carousel-caption d-none d-md-block">
26-
<h3>Second slide label</h3>
27-
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
28-
</div>
29-
</b-slide>
30-
</b-carousel>
6+
<b-card header="Card header text"
7+
class="mb-2"
8+
title="Card title"
9+
sub-title="Card subtitle"
10+
show-footer
11+
>
12+
<small slot="footer" class="text-muted">
13+
Last updated 3 mins ago
14+
</small>
15+
</b-card>
3116

32-
<!-- With no Controls -->
33-
<h4>With no Controls</h4>
34-
<b-carousel :controls="false" :interval="3000" indicators>
35-
<b-slide>
36-
<img class="d-block img-fluid" src="http://placeskull.com/200/200/ABABAB/-1/0" alt="" data-holder-rendered="true" />
37-
<div class="carousel-caption d-none d-md-block">
38-
<h3>First slide label</h3>
39-
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
40-
</div>
41-
</b-slide>
42-
<b-slide>
43-
<img class="d-block img-fluid" src="http://placeskull.com/200/200/E8117F/-1/0" alt="" data-holder-rendered="true" />
44-
<div class="carousel-caption d-none d-md-block">
45-
<h3>Second slide label</h3>
46-
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
47-
</div>
48-
</b-slide>
49-
</b-carousel>
17+
<!-- With image -->
18+
<b-card img="http://placeskull.com/200/200/ABABAB/-1/0"
19+
title="Skulls are nice"
20+
class="mb-2"
21+
>
22+
This is my opinion :)
23+
</b-card>
5024

51-
<!-- With no indicators -->
52-
<h4>With no indicators</h4>
53-
<b-carousel :controls="false" :interval="3000" :indicators="false">
54-
<b-slide>
55-
<img class="d-block img-fluid" src="http://placeskull.com/200/200/ABABAB/-1/0" alt="" data-holder-rendered="true" />
56-
<div class="carousel-caption d-none d-md-block">
57-
<h3>First slide label</h3>
58-
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
59-
</div>
60-
</b-slide>
61-
<b-slide>
62-
<img class="d-block img-fluid" src="http://placeskull.com/200/200/E8117F/-1/0" alt="" data-holder-rendered="true" />
63-
<div class="carousel-caption d-none d-md-block">
64-
<h3>Second slide label</h3>
65-
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
66-
</div>
67-
</b-slide>
68-
</b-carousel>
25+
<!-- Overlay image -->
26+
<b-card overlay
27+
img="http://placeskull.com/200/200/E8117F/-1/0"
28+
class="mb-2"
29+
>
30+
Overlay cards are cute!
31+
</b-card>
6932
</div>

‎examples/carousel/demo.details

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,13 @@
11
/*
22
---
3-
name: Cards - BootstrapVue
4-
description: https://bootstrap-vue.github.io/docs/components/card
3+
name: Carousel - BootstrapVue
4+
description: https://bootstrap-vue.github.io/docs/components/carousel
55
authors:
6-
- Pooya Parsa
6+
- Pooya Parsa Phinome
77
resources:
88
- https://unpkg.com/bootstrap@next/dist/css/bootstrap.min.css
99
- https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.css
1010
- https://unpkg.com/vue@latest/dist/vue.min.js
11-
- https://unpkg.com/tether@latest/dist/js/tether.min.js
1211
- https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.js
1312
js_wrap: l
1413
...

‎examples/carousel/demo.html

Lines changed: 62 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,69 @@
11
<div id="app">
22
<!-- Simple -->
3-
<b-card class="mb-2" variant="success">Simple Card</b-card>
3+
<h4>Simple</h4>
4+
<b-carousel>
5+
<b-slide>
6+
<img class="d-block img-fluid" src="http://placeskull.com/200/200/ABABAB/-1/0" alt="" data-holder-rendered="true" />
7+
</b-slide>
8+
<b-slide>
9+
<img class="d-block img-fluid" src="http://placeskull.com/200/200/E8117F/-1/0" alt="" data-holder-rendered="true" />
10+
</b-slide>
11+
</b-carousel>
412

513
<!-- Standard -->
6-
<b-card header="Card header text"
7-
class="mb-2"
8-
title="Card title"
9-
sub-title="Card subtitle"
10-
show-footer
11-
>
12-
<small slot="footer" class="text-muted">
13-
Last updated 3 mins ago
14-
</small>
15-
</b-card>
14+
<h4>Standard</h4>
15+
<b-carousel controls :interval="3000" indicators>
16+
<b-slide>
17+
<img class="d-block img-fluid" src="http://placeskull.com/200/200/ABABAB/-1/0" alt="" data-holder-rendered="true" />
18+
<div class="carousel-caption d-none d-md-block">
19+
<h3>First slide label</h3>
20+
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
21+
</div>
22+
</b-slide>
23+
<b-slide>
24+
<img class="d-block img-fluid" src="http://placeskull.com/200/200/E8117F/-1/0" alt="" data-holder-rendered="true" />
25+
<div class="carousel-caption d-none d-md-block">
26+
<h3>Second slide label</h3>
27+
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
28+
</div>
29+
</b-slide>
30+
</b-carousel>
1631

17-
<!-- With image -->
18-
<b-card img="http://placeskull.com/200/200/ABABAB/-1/0"
19-
title="Skulls are nice"
20-
class="mb-2"
21-
>
22-
This is my opinion :)
23-
</b-card>
32+
<!-- With no Controls -->
33+
<h4>With no Controls</h4>
34+
<b-carousel :controls="false" :interval="3000" indicators>
35+
<b-slide>
36+
<img class="d-block img-fluid" src="http://placeskull.com/200/200/ABABAB/-1/0" alt="" data-holder-rendered="true" />
37+
<div class="carousel-caption d-none d-md-block">
38+
<h3>First slide label</h3>
39+
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
40+
</div>
41+
</b-slide>
42+
<b-slide>
43+
<img class="d-block img-fluid" src="http://placeskull.com/200/200/E8117F/-1/0" alt="" data-holder-rendered="true" />
44+
<div class="carousel-caption d-none d-md-block">
45+
<h3>Second slide label</h3>
46+
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
47+
</div>
48+
</b-slide>
49+
</b-carousel>
2450

25-
<!-- Overlay image -->
26-
<b-card overlay
27-
img="http://placeskull.com/200/200/E8117F/-1/0"
28-
class="mb-2"
29-
>
30-
Overlay cards are cute!
31-
</b-card>
51+
<!-- With no indicators -->
52+
<h4>With no indicators</h4>
53+
<b-carousel :controls="false" :interval="3000" :indicators="false">
54+
<b-slide>
55+
<img class="d-block img-fluid" src="http://placeskull.com/200/200/ABABAB/-1/0" alt="" data-holder-rendered="true" />
56+
<div class="carousel-caption d-none d-md-block">
57+
<h3>First slide label</h3>
58+
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
59+
</div>
60+
</b-slide>
61+
<b-slide>
62+
<img class="d-block img-fluid" src="http://placeskull.com/200/200/E8117F/-1/0" alt="" data-holder-rendered="true" />
63+
<div class="carousel-caption d-none d-md-block">
64+
<h3>Second slide label</h3>
65+
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
66+
</div>
67+
</b-slide>
68+
</b-carousel>
3269
</div>

0 commit comments

Comments
 (0)