• 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
87 wizyt
pytanie zadane 14 maja 2017 w HTML i CSS przez kralcz88 Obywatel (1,730 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 (101,660 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 124 wizyt
pytanie zadane 24 kwietnia 2017 w HTML i CSS przez kralcz88 Obywatel (1,730 p.)
–1 głos
1 odpowiedź 65 wizyt
pytanie zadane 5 stycznia w HTML i CSS przez pomaraqcz Początkujący (380 p.)
0 głosów
0 odpowiedzi 90 wizyt
pytanie zadane 16 sierpnia 2017 w HTML i CSS przez Patrick Nowicjusz (120 p.)
Porady nie od parady
Wynikowy wygląd pytania, odpowiedzi czy komentarza, różni się od tego zaprezentowanego w edytorze postów. Stosuj więc funkcję Podgląd posta znajdującą się pod edytorem, aby upewnić się, czy na pewno ostateczny rezultat ci odpowiada.Podgląd posta

66,320 zapytań

113,057 odpowiedzi

239,193 komentarzy

46,585 pasjonatów

Przeglądających: 150
Pasjonatów: 3 Gości: 147

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.

...