Oscarliu117 (Talk | contribs) |
Oscarliu117 (Talk | contribs) |
||
Line 67: | Line 67: | ||
<div type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalLong"><a>Read More</a></div> | <div type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalLong"><a>Read More</a></div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div class="card"> | <div class="card"> | ||
Line 135: | Line 113: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | <!-- Modal --> | ||
+ | <div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" | ||
+ | aria-hidden="true"> | ||
+ | <div class="modal-dialog" role="document"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-header"> | ||
+ | <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-label="Close"> | ||
+ | <span aria-hidden="true">×</span> | ||
+ | </button> | ||
+ | </div> | ||
+ | <div class="modal-body"> | ||
+ | ... | ||
+ | </div> | ||
+ | <div class="modal-footer"> | ||
+ | <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> | ||
+ | <button type="button" class="btn btn-primary">Save changes</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
<style> | <style> | ||
Revision as of 13:01, 16 September 2018