You can check out the latest update about Bootstrap's official site about Carousel but if you want an icon then make sure you have attached proper font awesome or js script link and the rest will be done itself. for more updates, you can check out my site named Tech Specs Mart (https://www.techspecsmart.com)
You can get the ultimate at ETechnoG - Electrical, Electronics and Technology (https://www.etechnog.com) the best things you csn find in (https://www.etechnog.com)
Refer https://lightningdesignsystem.com/icons/
i have made somthing like this:-
<aura:component >
<ltng:require styles="{! $Resource.Bootstrap3 + '/resource/bootstrap/bootstrap-3.3.6/dist/css/bootstrap.min.css'}"
scripts="{!join(',',
$Resource.jquery224 ,
$Resource.Bootstrap3 + '/resource/jquery,/resource/bootstrap/bootstrap-3.3.6/dist/js/bootstrap.min.js,/resource/bootstrap/bootstrap-3.3.6/js/tests/unit/carousel.js,
/resource/bootstrap/bootstrap-3.3.6/dist/js/bootstrap.js')
}"
afterScriptsLoaded="{!c.scriptsLoaded}"/>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="carousel-caption">
<h3>Chania</h3>
</div>
</div>
<div class="item">
<div class="carousel-caption">
<h3>Chania</h3>
<p>The atmosphere in Chania has a touch of Florence and Venice.</p>
</div>
</div>
<div class="item">
<div class="carousel-caption">
<h3>Flowers</h3>
<p>Beatiful flowers in Kolymbari, Crete.</p>
</div>
</div>
<div class="item">
<div class="carousel-caption">
<h3>Flowers</h3>
<p>Beatiful flowers in Kolymbari, Crete.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</aura:component>
its not working?
Any suggestions?
the best things you csn find in (https://www.etechnog.com)
Thanks for providing the best IT Solutions (https://www.creedinfotech.com)