Gizli Div Çağırma

Gizli Div Tetikleme

<div class="container">
    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#product_view"><i class="fa fa-search"></i> Quick View</button>
 </div>
   
<div class="modal fade product_view top" id="product_view">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <a href="#" data-dismiss="modal" class="class pull-right"><span class="glyphicon glyphicon-remove"></span></a>
                <h3 class="modal-title">Giriş hatası</h3>
            </div>
            <div class="modal-body">
               Hata Açıklaması
            </div>
        </div>
    </div>
</div>


CSS Kodu

        .product_view .modal-dialog{max-width: 800px; width: 100%;}
        .pre-cost{text-decoration: line-through; color: #a5a5a5;}
        .space-ten{padding: 10px 0;}
        .top{padding-top: 210px;}

Butonlarda Kullanım Şekli

<asp:Button ID="btnModal" runat="server" data-toggle="modal" data-target="#myModal" OnClick="linkButton_Click" UseSubmitBehavior="false">CIS Information</asp:Button>
 

protected void linkButton_Click(object sender, EventArgs e)
        {
            
            Page.ClientScript.RegisterStartupScript(GetType(), "modelBox", "$("#myModal").modal('show');", true);
        }