Bootstrap 4 границы в ряду - PullRequest
       37

Bootstrap 4 границы в ряду

1 голос
/ 18 марта 2020

У меня есть этот код с нижней границей в каждой строке.

https://jsfiddle.net/brygom/0z582swx/3/ По какой-то причине нижняя граница строки не заполняет всю ширину строки. Даже если я не использую overflow-auto граница не завершена.

enter image description here

1 Ответ

1 голос
/ 18 марта 2020

Проблема в том, что вы вынуждены использовать 13 .col-2 внутри уникальной строки. В Bootstrap это невозможно, поскольку максимальный размер строки составляет 12, поэтому, если вам нужно три столбца одинаковой ширины, вы можете использовать .col-4, если вместо этого вы хотите использовать два столбца одинаковой ширины, вы можете использовать .col-6. Здесь вы можете подробно узнать, как работает сеточная система bootstrap.

Если вы попытаетесь заменить .col-6 на .col-1, вы увидите, что ширина линия увеличивается. Проблема в том, что у вас 13 столбцов, и поэтому я думаю, что использование системы сетки Bootstrap не лучший выбор.

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

Если вы хотите лучше настроить таблицу, вы можете использовать вместо нее обычный <table>.

...