boostrap boşluk sorunu

[Betmen35]

boostrapla yaptığım bir çalışma var web sitesi yapıyorum fakat üst menünün altına bir kutu açtım bu kutuya resimleri koyucam fakat bu kutu ile menü arasında boşluk kalıyor(yani üst boşluk) o kadar css ile yaptım olmadı css ile lg ve md modunda yaptığımda oluyor fakat sm ve xs modunda yukardan boşluk kalıyor bu sorunu birtürlü çözemedim bi yardım ederseniz sevinirim

 

[mirinkirin]

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.

 

[Betmen35]

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

 

[mirinkirin]

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

 

[Betmen35]

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;}

 

[mirinkirin]

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

 

[Betmen35]

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

 

[fragger]

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

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

 

[Betmen35]

sadece kodların resminimi istiyorsun ?