open modal on card click bootstrap

1<!-- Trigger the modal with a button -->
2<button type="button" class="btn btn-info btn-lg center-block" data-toggle="modal" data-target="#myModal">Open Modal</button>
3
4<!-- Modal -->
5<div id="myModal" class="modal fade" role="dialog">  
6  <div class="modal-dialog">    
7    <div class="modal-content">      
8      <div class="modal-header card-header-title">        
9        <h4 class="modal-title card-element-title">pick your locker side</h4>      
10      </div>      
11      <div class="modal-body">        
12        <div class="card-content clearfix">          
13          <div id="A" class="card left-half">a</div>          
14          <div id="B" class="card right-half">b</div>          
15          <div id="C" class="card left-half">c</div>          
16          <div id="D" class="card right-half">d</div>        
17        </div>      
18      </div>    
19    </div>  
20  </div>
21</div>