Как распечатать запрос mysql в загрузочных карточках рядом друг с другом
Я пытаюсь получить запрос mysql результатов для печати рядом друг с другом, скажем, 3 подряд, а не один под другим.
Я пробовал ответы на стек, и я не могу найти тот, который помогает
<?php
include('db.php');
$results = mysqli_query($conn, "SELECT * FROM contacts");
if (isset($_GET['edit'])){
$id = $_GET['edit'];
$edit_state = true;
$rec =mysqli_query($db_connection, "SELECT * FROM contacts WHERE id=$id ");
$record = mysqli_fetch_array($rec);
$name = $record['name'];
$contact = $record['contact'];
$email = $record['email'];
$id =
$record['id'];
}?>
<div class = "container">
<h1 class = "my-4">Welcome to Modern Business</h1>
<!-- Marketing Icons Section -->
<?php while ($row = mysqli_fetch_array($results)){ ?>
<div class = "row">
<div class = "col-lg-4 mb-4">
<div class = "card h-100">
<h4 class = "card-header"><?php echo $row['name']; ?></h4>
<img class = "img_size" src = "images/dog2.jpg" alt = "Card image top">
<div class = "card-body">
<p class = "card-text"><?php echo $row['contact']; ?></p>
</div>
<div class = "card-footer">
<a href = "#" class = "btn btn-primary">Learn More</a>
</div>
</div>
</div>
</div>
<?php } ?>
прямо сейчас карточки распечатываются, но не встраиваются, одна под другой. Я хотел бы, чтобы они печатались горизонтально.
буду признательна за любую помощь, я новичок в php.
Это неправильный результат, я хочу, чтобы они были рядом друг с другом
да, по горизонтали пардон, голова немного болтается с ним.
пожалуйста, покажите образец вывода.
В порядке. Подожди, я поделюсь с
спасибо, любая помощь будет оценена, играя с ней часами
Спасибо, Дарман, я посмотрю на это.
@Мариам, твой ответ пришел с моим ответом ?????
Да, спасибо за помощь! :)
Ответы 2
Вам нужно поставить цикл while перед следующим div и завершить его, когда div закончится.
<?php while($row=mysqli_fetch_array($results)){ ?>
<div class = "card h-100">
<h4 class = "card-header">
<?php echo $row['name']; ?></h4>
<img class = "img_size" src = "images/dog2.jpg" alt = "Card image top">
<div class = "card-body">
<p class = "card-text"><?php echo $row['contact']; ?></p> </div>
<div class = "card-footer">
<a href = "#" class = "btn btn-primary">
Learn More
</a>
</div>
</div>
<?php } ?>
Также замените col-lg-4 на col-lg-12Попробуйте это и обновите меня.
Также замените col-lg-4 на col-lg-12.
Saularis, я пробовал оба, и ни один из них не удался. логически я думал так же, как и вы, и кажется, что это должно работать с циклом while перед div. Но они по-прежнему печатают одинаково,
Вы заменили col-lg-4?
Да, это только увеличивает изображение. но все равно печатает их одинаково
PHP-код:
<?php
include('dbconn.php'); // include database connection
$output = "";
$selQuery = "select * from tbl_name";
$exeQuery = mysqli_query($conn,$selQuery);
$output = "<h2>Welcome to Modern Business
<div class='container'>
<div class='row'>";
while($row = mysqli_fetch_array($exeQuery)) {
$name = $row['name'];
$desciption = $row['desciption'];
$ephoto = $row['ephoto'];
$output. = "<div class='col-sm-4'>
<h4 class='card-header'>$name</h4>
<img class='img_size' src='$ephoto' alt='Card image top'>
<p>$desciption</p>
<a href='#' class='btn btn-primary'>Learn More</a>
</div>";
}
$output. = "</div></div></h2>";
echo $output;
?>
HTML-разметка, включая загрузочные ссылки:
<html>
<head>
<title>Bootstrap Example</title>
<meta charset = "utf-8">
<meta name = "viewport" content = "width=device-width, initial-scale=1">
<link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
</html>
спасибо, он печатает их в правильном положении, но одни и те же данные из каждой записи повторяются в первой строке, затем во второй строке и так далее.
Я опубликую результат как ответ со скриншотом
да, это желаемый результат этого кода, так что вы на самом деле хотите?
Я хотел, чтобы каждая запись данных распечатывалась отдельно рядом друг с другом (по одной), но не ниже друг друга. (не повторяется)
Я покажу вам результат, который я хотел бы получить в другом ответе через одну минуту.
Вы хотите сделать его горизонтальным или вертикальным? Я думаю, вы пытаетесь сделать его горизонтальным, верно?