Test 4
<div class="mb-5">
<p class="lead">Brojeve poredaj po veličini počevši od najmanjeg.</p>
<div class="row gy-4 align-items-center">
<div class="col-md-5">
<div class="number-group">276, 387, 298, 459, 281, 312</div>
</div>
<div class="col-md-7">
<input type="text" class="form-control" placeholder="276, ..." aria-label="Poredaj prvu grupu brojeva">
</div>
<div class="col-md-5">
<div class="number-group">548, 730, 900, 385, 190, 109</div>
</div>
<div class="col-md-7">
<input type="text" class="form-control" placeholder="109, ..." aria-label="Poredaj drugu grupu brojeva">
</div>
</div>
</div>
<hr>
<div class="mb-5">
<p class="lead">Napiši 2 broja koji su manji i 2 broja koji su veći od zadanog broja.</p>
<div class="vstack gap-3">
<div class="task-item justify-content-center">
<input type="text" class="form-control input-small" aria-label="Prvi broj manji od 500">
<input type="text" class="form-control input-small" aria-label="Drugi broj manji od 500">
<span class="mx-2"><--</span>
<span class="number-box border p-2 rounded">500</span>
<span class="mx-2">--></span>
<input type="text" class="form-control input-small" aria-label="Prvi broj veći od 500">
<input type="text" class="form-control input-small" aria-label="Drugi broj veći od 500">
</div>
<div class="task-item justify-content-center">
<input type="text" class="form-control input-small" aria-label="Prvi broj manji od 189">
<input type="text" class="form-control input-small" aria-label="Drugi broj manji od 189">
<span class="mx-2"><--</span>
<span class="number-box border p-2 rounded">189</span>
<span class="mx-2">--></span>
<input type="text" class="form-control input-small" aria-label="Prvi broj veći od 189">
<input type="text" class="form-control input-small" aria-label="Drugi broj veći od 189">
</div>
</div>
</div>
<hr>
<div class='page-break-visual'>----- Page Break -----</div>
<div>
<p class="lead">Usporedi brojeve i upiši znak <, > ili =.</p>
<div class="row g-4">
<div class="col-12 col-sm-6 col-lg-3"><div class="task-item justify-content-center"><span class="number-box">351</span><input type="text" class="form-control input-circle" aria-label="Usporedi 351 i 695"></div></div>
<div class="col-12 col-sm-6 col-lg-3"><div class="task-item justify-content-center"><span class="number-box">479</span><input type="text" class="form-control input-circle" aria-label="Usporedi 479 i 760"></div></div>
<div class="col-12 col-sm-6 col-lg-3"><div class="task-item justify-content-center"><span class="number-box">363</span><input type="text" class="form-control input-circle" aria-label="Usporedi 363 i 257"></div></div>
<div class="col-12 col-sm-6 col-lg-3"><div class="task-item justify-content-center"><span class="number-box">109</span><input type="text" class="form-control input-circle" aria-label="Usporedi 109 i 650"></div></div>
<div class="col-12 col-sm-6 col-lg-3"><div class="task-item justify-content-center"><span class="number-box">650</span><input type="text" class="form-control input-circle" aria-label="Usporedi 650 i 598"></div></div>
<div class="col-12 col-sm-6 col-lg-3"><div class="task-item justify-content-center"><span class="number-box">447</span><input type="text" class="form-control input-circle" aria-label="Usporedi 447 i 841"></div></div>
<div class="col-12 col-sm-6 col-lg-3"><div class="task-item justify-content-center"><span class="number-box">540</span><input type="text" class="form-control input-circle" aria-label="Usporedi 540 i 109"></div></div>
<div class="col-12 col-sm-6 col-lg-3"><div class="task-item justify-content-center"><span class="number-box">597</span><input type="text" class="form-control input-circle" aria-label="Usporedi 597 i ??? (nema drugog broja)"></div></div>
</div>
</div>
</div>