• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Bootstrap Grid

0 głosów
85 wizyt
pytanie zadane 14 maja 2017 w HTML i CSS przez kralcz88 Obywatel (1,640 p.)

Witam!

Ma ktoś pomysł dlaczego nie działa grid z Bootstrapa?

 

<!DOCTYPE html>
<html>
<head>
	<meta charest="UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<title>Example-html</title>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
	<link href="https://fonts.googleapis.com/css?family=Lato:400,700,900&amp;subset=latin-ext" rel="stylesheet">
	<link rel="stylesheet" href="style.css" type="text/css"/>
</head>

<body>
	<div class="container-fluid">
		<section class="content">
			<div class="row">
				<div class="col-6">
					<img src="https://images.pexels.com/photos/119641/pexels-photo-119641.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" alt=""/>
				</div>

				<div class="col-6">
					<img class="small-image" src="https://images.pexels.com/photos/1029/landscape-mountains-nature-clouds.jpg?w=940&h=650&auto=compress&cs=tinysrgb" alt=""/>
				</div>

			</div>

			<div class="row">
				<div class="col-3">
					<img class="third-image"src="https://images.pexels.com/photos/41660/apple-bite-diet-eat-41660.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" alt=""/>
				</div>

				<div class="col-9">
					<img class="last-image" src="https://images.pexels.com/photos/108261/pexels-photo-108261.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" alt=""/>
				</div>
			</div>
		</section>
	</div>

</body>

</html>
img{
	max-width: 100%;
	height: 200px;
}

 

1 odpowiedź

0 głosów
odpowiedź 14 maja 2017 przez jpacanowski VIP (100,390 p.)
wybrane 14 maja 2017 przez kralcz88
 
Najlepsza
<div class="col-6">

Bo w Bootstrapie nie ma takich klas...

http://getbootstrap.com/css/#grid

Podobne pytania

0 głosów
3 odpowiedzi 118 wizyt
pytanie zadane 24 kwietnia 2017 w HTML i CSS przez kralcz88 Obywatel (1,640 p.)
–1 głos
1 odpowiedź 55 wizyt
pytanie zadane 5 stycznia w HTML i CSS przez pomaraqcz Początkujący (380 p.)
0 głosów
0 odpowiedzi 89 wizyt
pytanie zadane 16 sierpnia 2017 w HTML i CSS przez Patrick Nowicjusz (120 p.)
Porady nie od parady
Forum posiada swój własny chat IRC, dzięki któremu będziesz mógł po prostu pogadać z innymi Pasjonatami lub zapytać o jakiś problem. Podstrona z chatem znajduje się w menu pod ikoną człowieka w dymku.IRC

63,336 zapytań

109,595 odpowiedzi

228,945 komentarzy

44,065 pasjonatów

Przeglądających: 251
Pasjonatów: 12 Gości: 239

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...