<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>
<div class="container">
<div class="row">
<div class=" well col-xs-6 col-md-3">
RM234567</br>
<b>Permata Sari</b></br>
29 tahun / 23 Jan 1986
<hr>
<ul class="nav nav-pills nav-stacked">
<li role="presentation"><a href="#"><span class="glyphicon glyphicon-dashboard" aria-hidden="true"></span> Dashboard</a></li>
<li role="presentation"><a href="#"><span class="glyphicon glyphicon-file" aria-hidden="true"></span> Rekam Medis</a></li>
<li role="presentation"><a href="#"><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span> Diagnosis</a></li>
<li role="presentation" class="active"><a href="#"><span class="glyphicon glyphicon-heart" aria-hidden="true"></span> Tindakan Medis</a></li>
<li role="presentation"><a href="#"><span class="glyphicon glyphicon-align-left" aria-hidden="true"></span> Hasil Radiologi</a></li>
</ul>
</div>
<div class=" col-xs-12 col-sm-6 col-md-9">
<h3><span class="glyphicon glyphicon-heart" aria-hidden="true"></span> Tindakan Medis</h3>
<div class="panel panel-default">
<div class="panel-heading"><h4>SOAP</h4></div>
<div class="panel-body">
<form>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="subjective">Subjective</label>
<textarea class="form-control" id="subjective" placeholder="Deskripsi subjective" rows="3"></textarea>
</div>
<div class="form-group">
<label for="objective">Objective</label>
<textarea class="form-control" id="objective" placeholder="Deskripsi objective" rows="3"></textarea>
</div>
</div>