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

Bootstrap Grid

VPS Starter Arubacloud
0 głosów
144 wizyt
pytanie zadane 14 maja 2017 w HTML i CSS przez kralcz88 Obywatel (1,810 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,940 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 227 wizyt
pytanie zadane 24 kwietnia 2017 w HTML i CSS przez kralcz88 Obywatel (1,810 p.)
–1 głos
1 odpowiedź 252 wizyt
pytanie zadane 5 stycznia 2019 w HTML i CSS przez pomaraqcz Początkujący (380 p.)
0 głosów
0 odpowiedzi 167 wizyt
pytanie zadane 16 sierpnia 2017 w HTML i CSS przez Patrick Nowicjusz (120 p.)

92,455 zapytań

141,263 odpowiedzi

319,099 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...