Cara buat dua kolom di dalam modal pop up di bootstrap

Assalamu'alaikum wr wb
Berikut ini saya akan share Cara buat kolom di dalam modal dan berbeda ukuran di bootstrap.
berikut ini syntaxnya.
-----------------------------------
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<style type="text/css">
 
.modal-80p {
    width:40%;
    padding:0;
  }

.modal-body
{
    background: transparent;
}

.modal-content
{
    background: transparent;
    border: 0;
    box-shadow: none;
}

.kanan
{
    background: blue;
    height: 50%;
}

.kiri
{
    background: red;
    height: 40%;
    margin-top: 6.5%;
}
</style>

<div class="modal fade" id="newConsigneeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-80p">
        <div class="modal-content">
            <div class="modal-body">
                <div class="form-group form-group-sm">
                    <!-- left column -->
                    <div class="col-sm-6 kiri">
                        A
                    </div>

                    <!-- right column -->
                    <div class="col-sm-6 kanan">
                        B
                    </div>
                </div>
            </div>
         </div>
     </div>
</div>


<!-- Use this to open the modal -->
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#newConsigneeModal" style="margin-left: 50%;margin-top: 20%;">Klik saya</button>

<script type="text/javascript">
    $("#tabs").tabs();
//-- Modal has finished being hidden
$('#newConsigneeModal').on('hidden.bs.modal', function (e) {
  //$(this).find('form')[0].reset();
});

$("#newConsigneeReset").on("click", function(){$('#newConsigneeModal').find("form")[0].reset();});
$("#newConsigneeSubmit").on("click", function(){submitNewConsignee();});
function submitNewConsignee() {
  $("#new_comments").hide();
}
</script>
------------------------------------
semoga bermanfaat.
http://pangeran-it.blogspot.co.id/