"maintenance by vin"
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="container"> <div class="row "> <div class="col-md-12"> <div class="panel panel-default"> <div class="panel-body"> <h4><strong>Модель:</strong>Volvo S60, 2007 г.в.</h4> <h5><strong>Vin:</strong>YV1RS614972638902</h5> <h5><strong>Двигатель/КПП:</strong>B5244S ASN</h5> </div> </div> <div class="panel panel-default"> <div class="panel-body"> <div class="row vdivide "> <div class="col-md-4 "> <h3>Каталог оригинальный запчастей</h3> <form role="form"> <div class="input-group"> <input type="text" class="form-control" value="5456465465464646546" required maxlength="17"> <span class="input-group-btn"> <button class="btn btn-primary" type="submit">Перейти</button> </span> </div> </form> </div> <div class="col-md-1 col-md-offset-1 delimiter no-padding"> <div class="delimiter-content"> ИЛИ </div> </div> <div class="col-md-6"> <h3>Детали регулярного обслуживания</h3> <div class="list-group"> <a href="#" class="list-group-item">Диск тормозной передний переднийпередний передний передний передний 34 324<span class="badge">9454647</span></a> <a href="#" class="list-group-item">Диск тормозной передний <span class="badge">9454647</span></a> <a href="#" class="list-group-item">Диск тормозной передний <span class="badge">9454647</span></a> <a href="#" class="list-group-item">Диск тормозной передний <span class="badge">9454647</span></a> </ul> </div> </div> </div> </div> </div> </div> </div> </div>
body{ padding-top:50px; } .delimiter { border-left: 1px solid #ccc; position: relative; min-height: 250px; padding-left: 15px; height:auto !important; } .delimiter-content { position:absolute; top:30px; left:-24px; text-align:center; background-color: white; padding: 8px; } .no-padding { padding-left: 0 !important; padding-right: 0 !important; }

Related: See More


Questions / Comments: