Bootstrap modal не загружается должным образом

Question

Я создаю веб-сайт в ASP.NET (Framework 4.0).

На странице мастера требуются файлы начальной загрузки & Файлы jquery добавлены в него. файлы являются

<link href="../assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
    <script src="../Styles/js/jquery-1.11.2.min.js" type="text/javascript"></script> 
    <script src="../Styles/js/bootstrap.min.js" type="text/javascript"></script> 

Bootstrap модальный не работает должным образом на кнопку Click.

Кнопка включения ребенка страницы нажмите это должно работать.

код детской страницы. (page1.aspx.cs)

protected void Button1_Click(object sender, EventArgs e) 
{ 
    lblModal2.Text = "Please Add Item To Cart"; 
    ScriptManager.RegisterStartupScript(Page, Page.GetType(), "warning","$('#warning').modal();", true); 
} 

детская страница (page1.aspx) Загрузочный модальный код следующим образом.

<div class="modal fade" id="warning" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 
     aria-hidden="true"> 
     <div class="modal-dialog"> 
      <div class="modal-content"> 
       <div class="modal-header modal-header-warning"> 
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> 
         ×</button> 
        <h1> 
         <i class="fa fa-exclamation-triangle"></i>Warning 
        </h1> 
       </div> 
       <div class="modal-body"> 
        <asp:Label ID="lblModal2" runat="server" Text=""></asp:Label> 
       </div> 
       <div class="modal-footer"> 
        <button type="button" class="btn btn-default pull-left" data-dismiss="modal"> 
         Close</button> 
       </div> 
      </div> 
      <!-- /.modal-content --> 
     </div> 
     <!-- /.modal-dialog --> 
    </div> 

Answer 1

Просто добавьте эту строку кода в файл css.

.modal-backdrop { 
    z-index: -1; 
} 

Answer 2

Удалить $('#warning').appendTo("show") и заменить его

$('#warning').appendTo("body") ;