<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Strait"> <style> .sifirla{ margin:0; padding:0; } .dissifirla { padding:0px 3px; } </style> <div class="container-fluid " style="font-family: 'Strait', sans-serif;"> <h2 class="well" style="background-color: #FFFFA5 !important;">horizontal 6 input box</h2> <div class="row" style="color:#000;"> <div class="col-xs-2 col-md-2 col-sm-2 text-center strait-12 dissifirla"><center><b>Oca 25</b></center></div> <div class="col-xs-2 col-md-2 col-sm-2 text-center strait-12 dissifirla"><center><b>Şub 25</b></center></div> <div class="col-xs-2 col-md-2 col-sm-2 text-center strait-12 dissifirla"><center><b>Mar 25</b></center></div> <div class="col-xs-2 col-md-2 col-sm-2 text-center strait-12 dissifirla"><center><b>Nis 25</b></center></div> <div class="col-xs-2 col-md-2 col-sm-2 text-center strait-12 dissifirla"><center><b>May 25</b></center></div> <div class="col-xs-2 col-md-2 col-sm-2 text-center strait-12 dissifirla"><center><b>Haz 25</b></center></div> </div> <div class="row sifirla"> <strong> <div class="col-xs-2 col-md-2 col-sm-2 col-lg-2 text-center dissifirla"><input id="Zbir" type="text" value="1.0" type='number' class="form-control input-lg text-center sifirla"></div> <div class="col-xs-2 col-md-2 col-sm-2 col-lg-2 text-center dissifirla"><input id="Ziki" type="text" value="1.0" type='number' class="form-control input-lg text-center sifirla "></div> <div class="col-xs-2 col-md-2 col-sm-2 col-lg-2 text-center dissifirla"><input id="Zuc" type="text" value="1.0" type='number' class="form-control input-lg text-center sifirla"></div> <div class="col-xs-2 col-md-2 col-sm-2 col-lg-2 text-center dissifirla"><input id="Zdort" type="text" value="1.0" type='number' class="form-control input-lg text-center sifirla"></div> <div class="col-xs-2 col-md-2 col-sm-2 col-lg-2 text-center dissifirla"><input id="Zbes" type="text" value="1.0" type='number' class="form-control input-lg text-center sifirla"></div> <div class="col-xs-2 col-md-2 col-sm-2 col-lg-2 text-center dissifirla"><input id="Zalti" type="text" value="1.0" type='number' class="form-control input-lg text-center sifirla"></div> </strong> </div> <div class="row" style="margin-bottom:100px;"> <br> <center class="h3">2025 Temmuz Zam Oranı</center> <strong><center style="font-size:48px" >% <span>5,1</span></center></strong> </div> </div>