Witam, robię sobie theme w celach testowych no i mam do Was pytanie czy aby na pewno to tak się robi. Otóż, mam kod HTML prostej wyszukiwarki:

[HTML] pobierz, plaintext 
<div class="container">
	<!-- Search -->
	<div class="search">
		<form class="" method="post" action="">
			<div class="row">
				<div class="col-lg-6">
					<input type="text" class="form-control" id="x" placeholder="Wpisz tu czego szukasz..." name="x">
				</div>
				<div class="col-lg-4">
					<input type="text" class="form-control" id="y" placeholder="y" name="y">
				</div>
				<div class="col-lg-2">
					<button type="submit" class="btn btn-search btn-block"><i class="fas fa-search"></i> SZUKAJ</button>
				</div>
			</div>
		</form>
	</div>
</div>
[HTML] pobierz, plaintext 

Konkretnie chodzi mi o <div class="col-lg-4">...</div>. Czy w ten sposób koduje się takie rzeczy? Jeśli nie to w jaki?


f5

jak się domyślam jest to bootstrap,
zobacz tu https://getbootstrap.com/docs/4.1/layout/grid/#grid-options
col-lg-* jest dla rozdzielczości 992 do 1199
dlatego zawsze powinno się podawać col-* wtedy masz kontrolę od najniższych rozdzielczości.
Po co te id ?

Tak, to bootstrap. ID dla <label> tyle, że w przykładzie tego nie dałem. Chodzi mi o to, że jak mam w jednej linii inputa "co szukasz", w drugiej select z opcjami, a w 3 przycisk submit to czy takie coś jest poprawnie zbudowane.