Ширина и высота ячеек в bootstrap

            <table class="table table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>Фамилия</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>2</td>
                            <td>3</td>
                            <td>4</td>
                            <td>5</td>
                            <td>6</td>
                            <td>7</td>
                        </tr>
                    </tbody>
                </table>

Как задать ширину и высоту всех ячеек td 30px ?


Ответы (1 шт):

Автор решения: InDevX

Так?

table td,
table th {
  width: 30px;
  height: 30px;
  border: 1px solid red;
}

table {
  word-break: break-all;
}
<table class="table table-bordered table-hover">
    <thead>
        <tr>
            <th>Фамилия</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
            <td>7</td>
        </tr>
    </tbody>
</table>

→ Ссылка