title: How to call a Bootstrap Modal in ASP.Net MVC?
body: <p>I created a sample project that whenever i click a button link, it should call a View which contains my Modal Pop Up. I was able to call the View but the modal in it doesn't appear. What can i do to fix it? Can anybody help me please?</p>
  
  <p>This is my code. The link should call the "Create_Business_Info" that contains the modal</p>
  
  <pre><code>@{
      ViewBag.Title = "Business_Info";
  }
  
  &lt;div class="container-fluid"&gt;
  
      &lt;a href='@Url.Action("Create_Business_Info", "Maintenance")'&gt;
      Business INFO!
      &lt;/a&gt;
  
      &lt;/div&gt;
  
  &lt;script&gt;
      $(document).ready(function () {
          $("#myModal").show();
  
      });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>This is the code of the Modal that should appear.</p>
  
  <pre><code>&lt;div id="myModal" class="modal fade" data-backdrop="static" data-     keyboard="false"&gt;
      &lt;div class="modal-dialog "&gt;
          &lt;div class="modal-content"&gt;
              &lt;div class="modal-header modal-header-employee"&gt;
  
              &lt;button type="button" class="close" data-dismiss="modal"&gt;&amp;times;    &lt;/button&gt;
              &lt;h3 class="modal-title"&gt;Business Information&lt;/h3&gt;
          &lt;/div&gt;
          &lt;br /&gt;
  
          &lt;div class="modal-body"&gt;
  
              &lt;div class="form-group row"&gt;
                  &lt;label class="col-xs-4 col-sm-offset-1 col-sm-4 control-label"&gt;Business Name:&lt;/label&gt;
                  &lt;div class="col-xs-8 col-sm-6"&gt;
                      &lt;input class="form-control" type="text"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="form-group row"&gt;
                  &lt;label class="col-xs-4 col-sm-offset-1 col-sm-4 control-label"&gt;Address:&lt;/label&gt;
                  &lt;div class="col-xs-8 col-sm-6"&gt;
                      &lt;textarea class="form-control" rows="5"&gt;&lt;/textarea&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="form-group row"&gt;
                  &lt;label class="col-xs-4 col-sm-offset-1 col-sm-4 control-label"&gt;Contact No:&lt;/label&gt;
                  &lt;div class="col-xs-8 col-sm-6"&gt;
                      &lt;input class="form-control" type="text"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="form-group row"&gt;
                  &lt;label class="col-xs-4 col-sm-offset-1 col-sm-4 control-label"&gt;Website:&lt;/label&gt;
                  &lt;div class="col-xs-8 col-sm-6"&gt;
                      &lt;input class="form-control" type="text"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="form-group row"&gt;
                  &lt;label class="col-xs-4 col-sm-offset-1 col-sm-4 control-label"&gt;Email Address:&lt;/label&gt;
                  &lt;div class="col-xs-8 col-sm-6"&gt;
                      &lt;input class="form-control" type="text"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;&lt;!--modal body--&gt;
          &lt;div class="modal-footer"&gt;
              &lt;button type="button" class="btn btn-primary"&gt;Save&lt;/button&gt;
              &lt;button type="button" class="btn btn-default"&gt;Clear&lt;/button&gt;
  
              &lt;/div&gt;&lt;!--modal footer--&gt;
          &lt;/div&gt;&lt;!--modal content--&gt;
      &lt;/div&gt;&lt;!--modal dialog--&gt;
  &lt;/div&gt;&lt;!--business_info--&gt;
  
  
  
  &lt;script&gt;
      $(document).ready(function () {
          $("#myModal").show();
  
      });
  
  
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Someone help me please. Thank you so much.</p>