Как вывести все табы?

Question

[Chesterfield25]

У меня есть табы созданные с помощью bootstrap.

Я хочу что бы количество табов зависело от того сколько я добавил в бд. Я добавил таблицу в бд
с id и tabs то есть название таба.

У меня все табы выводятся только разметка теряется!


В function.php создаю подключение к бд и чтение из бд

<?php

include 'config/config.php';

$get_id = $_GET['id'];
$get_tabs = $_GET['tabs'];

//Read
$sql = $pdo->prepare("SELECT * FROM x_tabs");
$sql->execute();
$result = $sql->fetchAll(PDO::FETCH_OBJ);

А в индексном файле создаю табы таким образом

<?php foreach ($result as $res) { ?>

<ul class="nav nav-tabs" id="myTab" role="tablist">
  <li class="nav-item">
    <a class="nav-link active" id="<?php echo $res->id; ?>" data-toggle="tab" href="#<?php echo $res->tabs; ?>" role="tab" aria-controls="<?php echo $res->tabs; ?>" aria-selected="true"><?php echo $res->tabs; ?></a>
  </li>
</ul>
<div class="tab-content" id="myTabContent">
  <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">...</div>
</div>
<?php } ?>

Answer 1

[scottparker]

так найди разметку. посмотри в режиме разработчика разметку, которая у тебя вышла. увить там три списка (а хотел наверное один) и сделай соответствующие выводы

Comments

[Chesterfield25]

Я хочу сделать как на первом изображение а получается как на 3 картинке

[scottparker]

Chesterfield25, ну это я понял. но ты проанализируй почему у тебя так криво вышло

[Chesterfield25]

Нашел. Это произошло потому что я обернул полностью всё в цикл foreach а нужно только li.
Но тогда у меня табы не переключаются.

[Chesterfield25]

Я так понимаю происходит это из за того что у меня

[scottparker]

Chesterfield25, скорее всего js где-то потерялся