Таблица в bootstrap панели навигации - PullRequest
Новая
       135

Таблица в bootstrap панели навигации

0 голосов
/ 28 мая 2020

откуда взялась дополнительная «зеленая» часть?

Это моя панель навигации Зеленая часть

Как я могу получить избавиться от этого?

Примечание: Когда я помещаю сюда обычный текст, я получаю его красиво отформатированный по вертикали по центру, но при использовании таблицы - нет.

Вот мой html структур. 

<li class="nav-item">
    <table class="table table-sm table-condensed table-borderless">
        <tbody class="user-logout">
        <tr>
            <td class="text-light">Farhad Hossain</td>
            <td rowspan="2">
                <a href="{{ url_for('dashboard') }}">
                    <img src="{{ url_for('static', filename='profile_pics/'+current_user.trainer.picture) }}"
                         width="56" height="56" class="rounded-circle" alt="">
                </a>
            </td>
        </tr>
        <tr>
            <td><a class="text-decoration-none text-warning" href="{{ url_for('logout') }}">Logout</a></td>
        </tr>
        </tbody>
    </table>
</li>

Есть надежда?

1 Ответ

0 голосов
/ 28 мая 2020

Я полагаю, что стиль по умолчанию для bootstrap таблиц содержит много полей внизу, которые видны здесь. Вы можете попытаться переопределить это, установив margin-bottom: 0 !important (, здесь есть аналогичный вопрос, касающийся этого ), но в целом, в качестве кривой обучения, я не думаю, что вам следует использовать таблицу для эти цели. Таблица предназначена для отображения данных в виде реальной таблицы, а не для выравнивания вещей, но мы все сначала выучили HTML и CSS, используя таблицы, и это тоже работает, если вам не нужно менять порядок этих вещей или сделать его отзывчивым.

...