Bootstrap table

Merhaba arkadaşlar

Django projem için bir template tasarımı yapmak istiyorum…Ekran görüntüsünde gördüğünüz gibi add linkine tıklandığı anda arkada tarafın bulanıklaştığı ön tarafa bir form geldiği bir template yapmak istiyorum.Fikri olan var mı?
Teşekkürler

<body>
   <div class="content-container">
        <h1> Sayfa </h1>
   </div>
   <div id="myModal" class="modal fade">Modal içeriği</div>
</body>

CSS’de

body.modal-open .content-container{
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
}

Örnek olarak;
https://jsfiddle.net/bufgix/vhpbryzn/8/

yanıınız için çok teşekkür ederim.
Gönderdiğiniz sitenin tam olarak işlevi ne .Html kodlarının bir önizlemesi mi

Aynen. Böyle daha iyi olur diye düşündüm