Как мне сделать таблицу в bootstrap, которая имеет заголовок и 4 ячейки на строку?

Question

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

По сути, я хочу вот что:

Однако, когда я пытаюсь сделать то, что имел в виду: это происходит.

Мой код, который я (пытался ) используйте для создания таблицы, как в нужном примере:

@extends('layouts.app')
@section('content')
<div class="container-fluid">
    <table class="table">
       <thead>
            <tr>
                <th class="lopendeopdrachten">Opdrachten</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>test<td>
                <td>test<td>
                <td>test<td>
                <td>test<td>
            </tr>
        </tbody>
    </table>  
</div>
@endsection

Я программирую это в laravel, который включает bootstrap для справки.

Если что-то все еще неясно, пожалуйста, сделайте спросить. Кроме того, если это дублирующий вопрос, я прошу прощения. Я не смог найти ни одной сравнимой проблемы.

Answer 1

Вам не хватает colspan attr

<th class="lopendeopdrachten" colspan="4">Opdrachten</th>

Answer 2

что вы хотите, это таблица с неправильным заголовком, верно? Эта ссылка должна иметь все ваши потребности для нестандартных таблиц, таких как неправильные строки и заголовки. Это не проблема bootstrap, а проблема HTML, поэтому я думаю, что ссылка на приведенную выше ссылку должна дать вам то, что вам нужно.