Skip to content

Commit 2dd646a

Browse files
committed
Added full_width to docs in carousel
1 parent 1d4bbe3 commit 2dd646a

File tree

2 files changed

+18
-2
lines changed

2 files changed

+18
-2
lines changed

carousel.html

+9-1
Original file line numberDiff line numberDiff line change
@@ -225,13 +225,18 @@ <h4>Full Width Slider</h4>
225225
&lt;a class="carousel-item" href="#four!">&lt;img src="http://lorempixel.com/800/400/food/4">&lt;/a>
226226
&lt;/div>
227227
</code></pre>
228+
229+
<pre><code class="language-javascript">
230+
$('.carousel.carousel-slider').carousel({full_width: true});
231+
</code></pre>
228232
</div>
229233

230234
<!-- Special Options Section -->
231235
<div id="special" class="scrollspy section">
232236
<h4>Special Options</h4>
233237
<p class="caption">The carousel doesn't only support images but also allows you to make content carousels. You can add fixed items to your carousel by adding a div with the class <code class="language-markup">carousel-fixed-item</code> and adding your fixed content in there.</p>
234-
<p>Note: This is also touch compatible! Try swiping with your finger to scroll through the carousel.</p><br>
238+
<p>Note: This is also touch compatible! Try swiping with your finger to scroll through the carousel.</p>
239+
<br>
235240

236241
<div class="carousel carousel-slider center" data-indicators="true">
237242
<div class="carousel-fixed-item center">
@@ -277,6 +282,9 @@ <h2>Fourth Panel</h2>
277282
&lt;/div>
278283
&lt;/div>
279284
</code></pre>
285+
<pre><code class="language-javascript">
286+
$('.carousel.carousel-slider').carousel({full_width: true});
287+
</code></pre>
280288
</div>
281289

282290
</div>

jade/page-contents/carousel_content.html

+9-1
Original file line numberDiff line numberDiff line change
@@ -114,13 +114,18 @@ <h4>Full Width Slider</h4>
114114
&lt;a class="carousel-item" href="#four!">&lt;img src="http://lorempixel.com/800/400/food/4">&lt;/a>
115115
&lt;/div>
116116
</code></pre>
117+
118+
<pre><code class="language-javascript">
119+
$('.carousel.carousel-slider').carousel({full_width: true});
120+
</code></pre>
117121
</div>
118122

119123
<!-- Special Options Section -->
120124
<div id="special" class="scrollspy section">
121125
<h4>Special Options</h4>
122126
<p class="caption">The carousel doesn't only support images but also allows you to make content carousels. You can add fixed items to your carousel by adding a div with the class <code class="language-markup">carousel-fixed-item</code> and adding your fixed content in there.</p>
123-
<p>Note: This is also touch compatible! Try swiping with your finger to scroll through the carousel.</p><br>
127+
<p>Note: This is also touch compatible! Try swiping with your finger to scroll through the carousel.</p>
128+
<br>
124129

125130
<div class="carousel carousel-slider center" data-indicators="true">
126131
<div class="carousel-fixed-item center">
@@ -166,6 +171,9 @@ <h2>Fourth Panel</h2>
166171
&lt;/div>
167172
&lt;/div>
168173
</code></pre>
174+
<pre><code class="language-javascript">
175+
$('.carousel.carousel-slider').carousel({full_width: true});
176+
</code></pre>
169177
</div>
170178

171179
</div>

0 commit comments

Comments
 (0)