---
title: "How to open Bootstrap modal popup"  
description: "How to open Bootstrap modal popup"  
author: "Anonymous User"  
published: 2014-09-30  
updated: 2014-09-30  
canonical: https://www.mindstick.com/forum/2290/how-to-open-bootstrap-modal-popup  
category: "bootstrap"  
tags: ["bootstrap", "css-css3", "jquery"]  
reading_time: 1 minute  

---

# How to open Bootstrap modal popup

i'm want to open [bootstrap modal](https://www.mindstick.com/forum/33715/need-code-for-crud-operations-using-jquery-ajax-and-bootstrap-modal-popup-using-asp-dot-net-mvc) [popup](https://www.mindstick.com/blog/11734/how-to-create-advanced-popup-or-banners-with-news-images-discounts-in-magento2) smoothly

## Replies

### Reply by Anonymous User

Hi goti Bandui'm try to make [bootstrap](https://www.mindstick.com/articles/1555/image-viewer-using-bootstrap-carousel) [modal popup](https://www.mindstick.com/articles/13038/crud-operation-searching-paging-in-mvc-with-modal-popup) so firstly use three files

```
<link href="~/Content/bootstrap-3.1.1-dist/css/bootstrap.min.css" rel="stylesheet" /><script src="~/script/jquery-2.1.0.min.js"></script><script src="~/script/bootstrap-3.1.1-dist/js/bootstrap.min.js"></script>
```

**html code here:**

```
<div class="container">    <br />    <br />    <button class="btn btn-primary" id="launchmodal" data-toggle="modal" data-target="#myModal">        Launch demo modal    </button></div> <!-- Modal --><div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">    <div class="modal-dialog">        <div class="modal-content">            <div class="modal-header">                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>                <h4 class="modal-title" id="myModalLabel">Modal title</h4>            </div>            <div class="modal-body">                ...            </div>            <div class="modal-footer">                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>                <button type="button" class="btn btn-primary">Save changes</button>            </div>        </div>    </div></div>
```

## javascript code:

```
<script>    $(document).ready(function () {        $('#launchmodal').click(function () {            $('#myModal').modal({                keyboard: false            })        });     });</script>
```


---

Original Source: https://www.mindstick.com/forum/2290/how-to-open-bootstrap-modal-popup

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.