boostrap boşluk sorunu

Margin değerini 0 veya negatif yaptığınızda da olmuyor mu, kodu bir atın bakalım. Bootstrapla çok uğraşmadım ama bilen biri çıkar illaki.

margin ile yaptığım zaman oluyor fakat ben şimdi resimlerin üzerine tıkladığım zaman bi siyah sayfa gelicek o siyah sayfa şeffaf olucak ve bütün sayfayı kaplıcak ondan sonra onun üstüne resim gelicek 500 px genişliğinde falan olucak tahminen ve x tuşuna bastığım zaman tekrardan sayfa eski haline geri dönücek yani kısacası başka sitelerde görmüşsünüzdür resim galerisi yapıyorum

İki mesajda bahsettiğiniz şeyler farklı. Kodsuz hiç anlamıyorum.

HTML kodu:<div class="siyahekran col-lg-12 col-md-12 col-sm-12 col-xs-12">

<div class="galeriortasayfa col-lg-offset-2 col-lg-8 col-md-offset-0 col-md-12 col-sm-offset-0 col-sm-12 col-xs-offset-0 col-xs-12">
<div class="row">

<div class="galerifoto col-lg-3 col-md-3 col-sm-6 col-xs-12"><img src="resim/01.JPG" class="galeriresim" /></div>
<div class="galerifoto col-lg-3 col-md-3 col-sm-6 col-xs-12"><img src="resim/02.JPG" class="galeriresim" /></div>
<div class="galerifoto col-lg-3 col-md-3 col-sm-6 col-xs-12"><img src="resim/03.JPG" class="galeriresim" /></div>
<div class="galerifoto col-lg-3 col-md-3 col-sm-6 col-xs-12"><img src="resim/04.JPG" class="galeriresim" /></div>
<div class="galerifoto col-lg-3 col-md-3 col-sm-6 col-xs-12"><img src="resim/05.JPG" class="galeriresim" /></div>
<div class="galerifoto col-lg-3 col-md-3 col-sm-6 col-xs-12"><img src="resim/06.JPG" class="galeriresim" /></div>
<div class="galerifoto col-lg-3 col-md-3 col-sm-6 col-xs-12"><img src="resim/07.JPG" class="galeriresim" /></div>
<div class="galerifoto col-lg-3 col-md-3 col-sm-6 col-xs-12"><img src="resim/08.JPG" class="galeriresim" /></div>
<div class="galerifoto col-lg-3 col-md-3 col-sm-6 col-xs-12"><img src="resim/09.JPG" class="galeriresim" /></div>
<div class="galerifoto col-lg-3 col-md-3 col-sm-6 col-xs-12"><img src="resim/10.JPG" class="galeriresim" /></div>
<div class="galerifoto col-lg-3 col-md-3 col-sm-6 col-xs-12"><img src="resim/11.JPG" class="galeriresim" /></div>

</div>
</div>
</div>

Css kodu:

.galerifoto {
height:200px;
border:1px solid;
background-color:#9966CC;}

.galeriresim {
width:100%;
height:100%;}

.siyahekran {
height:100%;
margin-top:-20px;
position:absolute;

opacity:0.7;
background-color:#000;

overflow:hidden;}

.galeriortasayfa {
height:auto;
border:1px solid;
border-radius:0px 0px 8px 8px;
background-color:#FFFFFF;}

Sanırım şimdi anladım yapmak istediğinizi ama kodunuz o iş için baya eksik. Alttaki adreste gelişmiş bir şablon var. Üzerinde oynama yaparak istediğinizi elde edebilirsiniz. HTML-CSS butonlarına tıklayın kodlar orada.
HTML Snippets for Twitter Boostrap framework : Bootsnipp.com

kardeşim ben kendim yapmak istiyorum ben hazır istemiyorum

Betmen35 dedi: ↑

kardeşim ben kendim yapmak istiyorum ben hazır istemiyorum

Kodu localde çalıştırıp ekran resmi olarak ekleyebilir misin?

sadece kodların resminimi istiyorsun ?