"BootStrapp - Row - Column"
Bootstrap 3.0.3 Snippet by nguyendangcuong

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="clearfix"></div> <div class="col-md-9"> <div class="input-group form-param"> <span class="input-group-addon">Acuerdo</span> <input id="acuerdo" name="acuerdo" class="form-control" placeholder="acuerdo" type="text" disabled="disabled" value="Lorem ipsum dolor..."> </div><!-- .input-group --> </div><!-- .col-md-9 --> <div class="col-md-3"> <div class="input-group form-param"> <span class="input-group-addon">Fecha</span> <input id="fecha" name="fecha" class="form-control" placeholder="fecha" type="text" disabled="disabled" value="2014-12-27"> </div><!-- .input-group --> </div><!-- .col-md-3 --> <div class="col-md-12"> <div class="input-group form-param"> <span class="input-group-addon">Nội dung</span> <textarea id="concepto" name="concepto" class="form-control" placeholder="concepto" disabled="disabled">Đã xét duyệt.</textarea> </div><!-- .input-group --> </div><!-- .col-md-12 --> <div class="col-md-12"> <div class="input-groupExt form-param"> <span class="input-group-addon">Tài sản</span> <input class="form-control" type="text" disabled="disabled" value="MPD023-Máy phát điện AK9230"> </div> </div> <div class="col-md-12"> <div class="input-groupExt form-param"> <span class="input-group-addon">Loại kiểm tra</span> <input class="form-control" type="text" disabled="disabled" value="Kiểm tra vận hành"> </div> </div> <div class="d-flex align-items-center"><div class="col-sm-6"> <div class="input-groupExt form-param"> <span class="input-group-addon">Ngày kiểm tra</span> <input class="form-control" type="text" disabled="disabled" value="10/10/2020 3:02"> </div> </div> <div class="col-sm-6"> <div class="input-groupExt form-param"> <span class="input-group-addon">Người kiểm tra</span> <input class="form-control" type="text" disabled="disabled" value="Đỗ Quan Bình"> </div> </div></div><div class="col-md-12"> <div class="input-groupExt form-param"> <span class="input-group-addon">Nội dung</span> <textarea id="concepto" name="concepto" class="form-control" placeholder="concepto" disabled="disabled">Tài sản hoạt động ổn định.</textarea> </div> </div>
/****Bootstrap****/ .form-param { padding: 5px; }

Related: See More


Questions / Comments: