twitter bootstrap modal with bootstrap-select

by A B

HTML

<link rel="stylesheet" href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css">
<link rel="stylesheet" href="http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css">
<script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap.js"></script>
<link rel="stylesheet" href="http://silviomoreto.github.io/bootstrap-select/stylesheets/bootstrap-select.css">
<script src="http://silviomoreto.github.io/bootstrap-select/javascripts/bootstrap-select.js"></script>
<div class="modal-row clearfix"> <!-- start row -->
    <div class="m-row-right">
        <label for="page_name">label</label>
        <input type="text" id="page_name">

        <label for="template-select">select label</label>
        <select name="options" class="selectpicker" id="template-select">
            <option value="Edit">select option</option>
            <option value="Delete">select option</option>
        </select> 
        <a href="#" class="btn_blue">button text</a>

    </div>
</div> <!-- end row -->

<div class="modal-row clearfix"> <!-- start row -->
    <div class="m-row-left">
        <h3 class="strike">title</h3>
        <p>subtext</p>
    </div>
    <div class="m-row-right">
        <a href="#" class="btn_blue">button text</a>
    </div>
</div> <!-- end row -->

<div class="modal-row clearfix"> <!-- start row -->
    <div class="m-row-left">
        <h3 class="strike">title</h3>
    </div>
    <div class="m-row-right">
        <a href="#" class="btn_blue">button text</a>
    </div>
</div> <!-- end row -->
    
<a title="title" data-target="#myModal" role="button" data-toggle="modal" href="resource.html"><span>Link name</span></a>