Element Bootstrap Slider 1

Use this element to quickly develop any new project.

Use

<!-- Slider -->
<div class="carousel fade-carousel slide sliderstyle" data-ride="carousel" data-interval="4000" id="bs-carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#bs-carousel" data-slide-to="0" class="active"></li>
    <li data-target="#bs-carousel" data-slide-to="1"></li>
    <li data-target="#bs-carousel" data-slide-to="2"></li>
  </ol>
  <!-- Wrapper for slides -->
  <div class="carousel-inner">
    <div class="item slides active withbg">
      <div class="slide-1" style="background-image:url(yourimagepath.jpg);"></div>
      <div class="hero text-center">
        <hgroup>
            <h1>Bootstrap Starter</h1>
            <h3>Get start your next awesome project</h3>
        </hgroup>
        <button class="btn btn-white btn-lg btnghost btnround" role="button">See all features</button>
      </div>
    </div>
    <div class="item slides withbg">
      <div class="slide-2" style="background-image:url(yourimagepath.jpg);"></div>
      <div class="hero text-center">
        <hgroup>
            <h1>Project Starter</h1>
            <h3>Get start your next awesome project</h3>
        </hgroup>
    <button class="btn btn-danger btn-lg btnround" role="button">See all features</button>
      </div>
    </div>
    <div class="item slides withbg">
      <div class="slide-3" style="background-image:url(yourimagepath.jpg);"></div>
      <div class="hero text-center">
        <hgroup>
            <h1>Template Starter</h1>
            <h3>Get start your next awesome project</h3>
        </hgroup>
          <button class="btn btn-success btn-lg btnround" role="button">Download now</button>
      </div>
    </div>
  </div>
</div>