Goedemorgen Allemaal,

Ben nog bezig met bootstrap en zit met het volgende:

[Colum1][spacing][colum2]

Nu wil ik graag [Colum1] en [colum2] tegen elkaar aan zetten, dus zonder de spacing. Ik er een standaard code om de spacing te verwijderen tussen beide?
Waarschijnlijk even de margin naar o zetten in je css-bestand.
Ik heb het volgende gedaan:


[colum1] [colum2 style="margin:0; padding:0;"]

Nu heb ik nog 20px als spacing ipv 40.
Dan geef je die column in je html een class, bijv. class="nospace" en dan in je css


.nospace {
  margin: 0;
}

<div class="row">	
				<div class="col-lg-4 nospace">
					<div style="height:552px; background-color:#77767b;">
						<img src="images/gear_icon.png" class="img-responsive"/>
							<div class="col-lg-11" style="margin-left:10px;">
								<h1>Homepagina</h1>
								<p>Dit is een tekst</p>
							</div>	
					</div>		
				</div>
				
			
			
				<div class="col-lg-8 nospace" >
					<img src="images/homepage_img.jpg" class="img-responsive" alt="CNC machine" />
				</div>
			
</div>



De nospace wordt wel herkent, alleen gebeurd er niks.
Dan zal je even een online voorbeeld moeten plaatsen. Kan er zo weinig van zeggen.
Of deze?
table {
border-spacing: 0px;
}

Bedankt dat jullie de moeite willen nemen om te kijken. Dit is de eerste keer dat ik alles in BS probeer te zetten. Kom er alleen met de spacing niet uit.


Ik wil graag de afbeelding etgen het [homepagina] blok plakken. Wat is de beste manier?
Verander nospace maar eens in dit:


.nospace {
  padding: 0;
}
Ozzie PHP op 05/10/2015 15:16:58

Verander nospace maar eens in dit:


.nospace {
  padding: 0;
}



Bedankt Ozzie. Weet jij toevallig ook waarom margin:0 niet werkt en ik in plaats hiervan de padding moet gebruiken?

Margin is de buitenkant van je box. Padding zit in je box. Even op Google het verschil opzoeken tussen margin en padding ;)

Reageren