<!-- голова -->
<link href="/dist/jquery.bootstrap-touchspin.css" rel="stylesheet" type="text/css" media="all">
<link href="/dist/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
<!-- голова -->
<!-- тело -->
<div class="content-section-b">
<div class="container">
<div class="row">
<div class="col-xs-6">
<div class="col-xs-6">
Название товара -
</div>
<div class="col-xs-4 col-xs-offset-1">
<!-- подстановка спиннера -->
<input id="demo3" type="text" value="1" name="demo3">
<!-- подстановка спиннера -->
</div>
<div class="col-xs-1">
<!-- вывод итоговой цены = количество * коэффициент -->
<span id="price"></span>
<!-- вывод итоговой цены = количество * коэффициент -->
</div>
</div>
</div>
</div>
</div>
<!-- тело -->
<!-- подвал-->
<script src="/js/jquery-1.11.0.js"></script>
<script src="/js/bootstrap.min.js"></script>
<!-- инициация спиннера -->
<script src="dist/jquery.bootstrap-touchspin.js"></script>
<script>
$("input[name='demo3']").TouchSpin({
postfix: "шт"
});
</script>
<!-- инициация спиннера -->
<!-- подвал-->
<!-- голова -->
<link href="/dist/jquery.bootstrap-touchspin.css" rel="stylesheet" type="text/css" media="all">
<link href="/dist/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
<!-- голова -->
<!-- тело -->
<div class="content-section-b">
<div class="container">
<div class="row">
<div class="col-xs-6">
<div class="col-xs-6">
Название товара -
</div>
<div class="col-xs-4 col-xs-offset-1">
<!-- подстановка спиннера -->
<input id="demo3" type="text" value="1" name="demo3">
<!-- подстановка спиннера -->
</div>
<div class="col-xs-1">
<!-- вывод итоговой цены = количество * коэффициент -->
<span id="price"></span>
<!-- вывод итоговой цены = количество * коэффициент -->
</div>
</div>
</div>
</div>
</div>
<!-- тело -->
<!-- подвал-->
<script src="/js/jquery-1.11.0.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script>
$("input[name='demo3']").TouchSpin({
postfix: "шт"
});
$('demo3').on('touchspin.on.stopspin', function(){
var price = $(this).val()*100;
document.getElementById('price').innerHTML = price;
});
</script>
<!-- инициация спиннера -->
<!-- подвал-->
<script>
$(document).ready(function(){
$('.modal').modal('show');
})
</script>
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="false">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="false">×</span></button>
<h4 class="modal-title" id="mySmallModalLabel">Small modal</h4>
</div>
<div class="modal-body">
...
</div>
</div>
</div>
</div>
<script>
$('.modal').modal('show');
</script>
<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="false">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="false">×</span></button>
<h4 class="modal-title" id="mySmallModalLabel">Small modal</h4>
</div>
<div class="modal-body">
...
</div>
</div>
</div>
</div>
На самом деле кроме дерева особенно ничего и не нужно пока от него.
Просто единственное решение, которое пыталось строить дерево пало смертью храбрых, едва запущенное (gitphp).
P.S. так же слегка смущает, что все они по 2-5 лет уже не развиваются и не имеют коммитов, хотя сперва активно изменялись.