Rozmieszczenie div na stronie

0

Witam mam problem z rozmieszczeniem elementów na stronie. Czy mógłby mi ktoś poradzić jakiego atrybutu mam użyć aby uzyskać efekt taki jak na załączonym obrazku? Dziękuje z góry za pomoc.

Oto mój kod:

 <%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet"
	href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<title>Produkty</title>
</head>
<body>
	<section class="container">
		<div class="row">
			<c:forEach items="${products}" var="product">
				<div class="col-sm-10 col-md-3" style="padding-bottom: 15px">
					<div class="thumbnail">
					<img src="<c:url value="/resource/images/${product.productId}.png"></c:url>" alt="image"  style = "width:300%"/>
						<div class="caption">
							<h3>${product.name}</h3>
							<p>${product.description}</p>
							<p>${product.unitPrice} PLN</p>
							<p>Liczba sztuk w magazynie: ${product.unitsInStock}</p>
							<p>
								<a
									href=" <spring:url value="/products/product?id=${product.productId}" /> "
									class="btn btn-primary"> <span
									class="glyphicon-info-sign glyphicon" /></span> Szczegóły
								</a>
							</p>

						</div>
					</div>
				</div>
			</c:forEach>
		</div>
	</section>
</body>
</html>
0

załączyłeś dwa różne obrazki, więc powiedz o który ci chodzi

0

Obrazek Bez Tytułu.png pokazuje jak jest obecnie, a obrazek Bez_Tytułu2.png pokazuje jak chciałbym aby było. Dziękuje za szybki odzew.

0

wrzuć gdzieś online zwrotkę w HTML, bo w tym momencie mogę Ci napisać, że "coś jest źle", ale bez zajrzenia w style i pokliknia tego - nie da rady nic zrobić. jakieś zamieszanie z floatami jest, ale w tym krótkim kodzie nie widzę floatów

1 użytkowników online, w tym zalogowanych: 0, gości: 1