KP lēmums
KP lēmuma sākuma daļa
HTML
<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!--
Bootstrap docs: https://getbootstrap.com/docs
-->
<div class="container">
<div class="row" style="display:flex">
<div class=" col-sm-12">
<div class="">
<div class="">
<form class="small">
<div class="form-row">
<div class="form-group col-md-4">
<label for="inputEmail4">Lēmuma ID</label>
<p class="form-control-readonly">12345</p>
</div>
<div class="form-group col-md-4">
<label for="inputPassword4">Dokumenta veids</label>
<p class="form-control-readonly">Lēmums par uzsākšanu</p>
</div>
<div class="form-group col-md-4">
<label for="inputPassword4">Pieņemšanas datums</label>
<p class="form-control-readonly"> 03.04.2018 14:37:20</p>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="col-sm-6" style="display:flex">
<div class="card col-sm-12">
<div class="card-body">
<h5 class="card-title">Iestādes</h5>
<form class="small">
<div class="form-group">
<label for="inputEmail4">Lēmuma pieņemējiestāde</label>
<p class="form-control-readonly">Rīgas centrālā pieņēmējiestāde</p>
</div>
<div class="form-group">
<label for="inputPassword4">Lēmuma pieņemšanas vieta (Novads, Pilsēta/Pagasts)</label>
<p class="form-control-readonly"> test, Rīga</p>
</div>
<div class="form-group">
<label for="inputPassword4">Iestāde, kurai nodots KP</label>
<p class="form-control-readonly">Centrālā nodošanas...
CSS
.row {
background: #f8f9fa;
margin-top: 20px;
}
.col {
border: solid 1px #6c757d;
padding: 10px;
}