<html>
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap-input-spinner@3.3.3/src/bootstrap-input-spinner.min.js"></script>
</head>
<body>
<input type="number" value="10" min="0" max="1000" step="1"/>
<p>* Ten en cuenta que estamos cargando el <a href="https://shaack.com/projekte/bootstrap-input-spinner/">Bootstrap Input Spinner</a> desde CDN. Ve el link para más intrucciones sobre cómo usarlo. También podríamos descargarlo y utilizar este código:</p>
<pre><code class="language-html"><script src="../../_inc/bootstrap-input-spinner-master/src/bootstrap-input-spinner.js"></script></code></pre>
<h3>Códigos Similares</h3>
<ul>
<li>Codepen - <a href="https://codepen.io/riccardoerra/pen/yVMzwg" target="_blank">Spinner con botones uno encima del otro</a></li>
<li>Codepen - <a href="https://codepen.io/easetemplate/pen/vYXpaeG" target="_blank">Spinner de Bootstrap5 con ambos botones a la derecha</a></li>
<li>Codepen - <a href="https://codepen.io/dmondma/pen/OJPpWwY" target="_blank">Varios Diseños</a></li>
<li>CSS Script - <a href="https://www.cssscript.com/demo/animated-input-spinner-pure-javascript-csscss3/" target="_blank">Con animación al cambiar de número</a></li>
<li>CSS Script - <a href="https://www.cssscript.com/demo/input-spinner-number/" target="_blank">Con signo de dólar o porcentaje en el input</a></li>
</ul>
</body>
</html>