JSFiddle - React, Tailwind, and code Playground

by Semih Muyaoğlu

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<div class="container">

  <div class="row">

    <div class="col-md-1 p-0">
        <button type="button" class="btn btn-sm btn-secondary w-100">-</button>
    </div>
    
    <div class="col-md-2">
        <input type="number" value="0" id="" class="form-control form-control-sm" />
    </div>
    
    <div class="col-md-1 p-0">
        <button type="button" class="btn btn-sm btn-secondary w-100">+</button>
    </div>

  </div>

</div>