My webpage is filled with Bootstrap 4 cards lined up in a row.
I am looking to add a line break when the vertical scroll bar appears. How can I achieve this?
Snippet:
<?php
//THIS FILE BELONGS TO CROPSATH, LICENSED UNDER GPLv3.
//CREATED BY MORICZGERGO A.K.A. SKIILAA
//CREATED: 2017.01.22.
//LAST MODIFIED: 2017.01.22.
include_once "include.php";
$conn = new mysqli($config->sqlServ, $config->sqlUser, $config->sqlPass, $config->dbName);
if ($conn->connect_error){
echo "<center><h1>Failed to establish database connection.</h1></center>";
echo $conn->connect_error;
die();
}
$sql = "SELECT questionName FROM questions ORDER BY id DESC";
$result = $conn->query($sql);
if ($result->num_rows > 0){
echo "<div class=\"responsive-thingy\">";
//display data from rows as bootstrap cards
while($row = $result->fetch_assoc()) {
echo "<div class=\"card\" style=\"width: 20rem; display: table-cell;\"><div class=\"card-block\"><h4 class=\"card-text\">" . $row["questionName"] . "</h4></div></div>";
}
echo "</div>";
} else {
echo "<center><h1>No questions were found.</h1></center>";
}
?>