"Item cart"
Bootstrap 3.3.0 Snippet by Z10yTap0k

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="modal-dialog modal-buy" ng-class="modal-buy'"><div class="modal-content" uib-modal-transclude=""><div class="modal-header ng-scope"> <button type="button" ng-click="cancel()" class="close"><i class="text-danger fa fa-times"></i></button> <h4 class="modal-title"><i class="text-muted fa fa-shopping-cart"></i>Добавить в корзину</h4> </div> <div class="modal-body ng-scope"> <div class="container-fluid"> <div class="row"> <div class="col-sm-12"><a href="">9454647</a></div> </div> <div class="row"> <div class="col-sm-12">Фильтр топливный Volvo</div> </div> <div class="row"> <div class="col-sm-7"> <h4><strong>19531.53 р.</strong></h2> </div> <div class="col-sm-5"> <form> <div class="input-group"> <span class="input-group-btn"> <button type="button" class="btn btn-default btn-number" disabled="disabled" data-type="minus"> <span class="glyphicon glyphicon-minus"></span> </button> </span> <input type="text" class="form-control input-number" value="1" min="1" max="10"> <span class="input-group-btn"> <button type="button" class="btn btn-default btn-number" data-type="plus" data-field="quant[1]"> <span class="glyphicon glyphicon-plus"></span> </button> </span> </div> </form> </div> </div> <div class="row"> <div class="col-sm-12"> Тип доставки: <strong>sdffsdfsf</strong> </div> </div> <div class="row"> <div class="col-sm-12"> <div class="form-group"> <label for="buy-note">Ваш комментарий к заказу</label> <input id="buy-note" type="text" class="form-control"> </div> </div> </div> <div class="row"> <div class="col-sm-12">Срок поставки вашего заказа</div> </div> <div class="row"> <div class="col-sm-12"><h2>10 января 2016</h2></div> </div> </div> </div> <div class="modal-footer"> <div class="pull-left"> <a class="btn btn-primary" ng-click="ok">Добавить</a> <a href="" ng-click="cancel()">Отмена</a> </div> </div> </div>
.modal-buy { width: 400px; } .modal-footer a { margin-left:30px; } .buy-note { }

Related: See More


Questions / Comments: