bootstrap tabs

by alirizaadiyahsi

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<div class="col-md-3">
    <div role="tabpanel" class="tab-panel">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a>

            </li>
            <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a>

            </li>
            <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a>

            </li>
            <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a>

            </li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="home">deneme içerik</div>
            <div role="tabpanel" class="tab-pane" id="profile">...</div>
            <div role="tabpanel" class="tab-pane" id="messages">...</div>
            <div role="tabpanel" class="tab-pane" id="settings">...</div>
        </div>
    </div>
</div>

CSS

body {
    background-color: #ddd;
    min-height: 2000px;
}

.tab-panel {
      
}
.tab-pane{
    background-color: #fff; 
}
.nav-tabs>li>a, .nav-tabs>li>a:hover {
    border-radius: 0;
    border:none !important;
    color:#f7f7f7;
    background-color:#5a5a5a;
    margin-right: 0px;
    width:100px;
    text-align:center;
}

JavaScript

$(document).ready(function() {

  setInterval(function() {
    $.ajax({
      url: 'https://formadunyam.com/ajax/sipariskayit.php',
      data: { sTelefon:'12398912302' },
      success: function(data) {
        //$('.result').html(data);
        console.log(data);
      },
      error:function(x,y,z){
      	console.log("error");
        console.log(x);
        console.log(y);
        console.log(z);
      }
    });
  }, 1000); // where X is your every X minutes




  return false;
});