Đầu ra cơ sở dữ liệu PHP không hiển thị đúng cách

Trước hết:Vì bạn muốn tìm nạp nhiều chủ đề từ DB, bạn phải xóa LIMIT 1 từ truy vấn và tiếp tục if($j >= 1) continue; trong vòng lặp foreach, vì cả hai đều giới hạn đầu ra của bạn chỉ ở 1 chủ đề.

Trong vòng lặp foreach của bạn cho $toppics (đúng chính tả:chủ đề; P) bạn hiện chỉ lặp lại một thẻ liên kết (liên kết), nhưng những gì bạn muốn là (sử dụng các từ của bạn ở đây) một 'khối'. Dù bạn muốn khối đó trông như thế nào, thì nơi để xác định khối đó nằm trong vòng lặp foreach đó.

Bây giờ tôi không biết bạn sử dụng / muốn sử dụng các phần tử, lớp hoặc kiểu nào, vì vậy tôi sẽ tạo một ví dụ về một khối bao gồm tiêu đề và bên dưới có liên kết:

//rename $topic keys to the names of your DB columns
foreach($toppics as $topic){
    echo '<div>';
    echo '<h3>'.$topic['title'].'</h3><br>'; 
    echo '<a href="#section'.$topic['id'].'">'.$topic['link_text'].'</a>';
    echo '</div><br>';
}

Tôi biết giải pháp của tôi sẽ không giống hệt như hình ảnh đã cho của bạn, nhưng nó sẽ xác định được cách thức và vị trí bạn có thể xây dựng các khối của mình.

Tôi nghĩ vấn đề này lẽ ra có thể dễ dàng giải quyết khi bạn biết những kiến ​​thức cơ bản về HTML, vì vậy tôi thực sự khuyên bạn nên tìm hiểu thêm một chút về HTML trước khi bạn làm việc trong các dự án lớn.

Chỉnh sửa sau khi câu hỏi được chỉnh sửa:
Như tôi đã đề cập trong câu trả lời của mình, my solution will not look exactly like your given image bởi vì I don't know what elements, classes or stylings you use . Vấn đề còn lại của bạn bây giờ là việc sử dụng đúng các thẻ, lớp và kiểu html.

Có vẻ như phần tử mẹ của các div đã tạo được tạo kiểu theo cách bạn muốn các khối đơn lẻ trông như thế nào.
Vì vậy, những gì bạn có thể làm là xóa phần tử mẹ và sử dụng nó thay thế cho div đã tạo, như vậy :

<div class="col-md-6">
         <div class="well dash-box">
           <h2><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span> Stel jezelf voor</h2>
           <h5><a href="https://tom.lbmedia.nl/onderwerp"> Laat wetn wie jij en je business zijn</a></h5>
   </div>
   </div>
  <div class="col-md-6">
  <!--<div class="well dash-box">-->
  <h2><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span> 12</h2>
  <?php
  $toppics = $app->get_topics();
  $i = 0;
  foreach($toppics as $topic){
      echo '<div class="well dash-box">';
      echo '<h3>'.$topic['onderwerp'].'</h3><br>'; 
      echo '<a href="#section' . $i++ . '">'  .$topic['omschrijving'].'</a>';
      echo '</div><br>';
  }
  ?>
  <!--</div>-->
  </div>

ghi chú bên lề :Tôi không đồng ý với việc bạn xây dựng thuộc tính href # section1. Khi xây dựng các phần này, bạn sẽ phải biết chỉ mục chính xác từ vòng lặp foreach trước đó. Thay vào đó, hãy sử dụng một số thuộc tính từ chính chủ đề, có thể là ID, tiêu đề hoặc mô tả của nó (giống như tôi đã làm trong codeblock đầu tiên). Bằng cách này, khi bạn đang xây dựng các phần, bạn có thể dễ dàng biết cách đặt thuộc tính id phần tử.