Табличка с частичным обрезкой бутстрапа 3

Question

Использование <table class="table table-bordered"> создаст полностью граничную таблицу. Но я хочу иметь таблицу с внешней границей и границу между строками. Он не должен иметь границу между столбцами.

Я могу решить эту проблему с помощью <table class="table" style="border:1px solid #ddd">. Но мне интересно, если для этого есть правильный класс стиля начальной загрузки.

Обновление # 1: Как кажется, BS3 не обеспечивает родной стиль для этого, я создал запрос на растяжение для проекта BS3. https://github.com/twbs/bootstrap/pull/15790

Answer 1

Вы можете расширить загрузчик с собственным классом:

<table class="table table-bordered table-bordered-rows"> 

CSS:

.table-bordered-rows td + td { border-left: none } 

Answer 2

В частности, в бутстрапе нет особого добавления границ. Для чего это важно, я создал пограничных помощников для моего приложения. CSS это следующий образом:

/* generic border helpers */ 
.border-b,.border-t,.border-l,.border-r,.border-tb,.border-lr,.border-all{border-style:solid;border-color:#dddddd; border-width:0;} 
.border-t,.border-tb,.border-all{border-top-width:1px;} 
.border-b,.border-tb,.border-all{border-bottom-width:1px;} 
.border-l,.border-lr,.border-all{border-left-width:1px;} 
.border-r,.border-lr,.border-all{border-right-width:1px;} 

• .border-б = граница нижней стороны
• .border-т = граница верхней стороны
• .border-л = граница Левой стороны
• .border -r = правая граница
• .border-Тв = граница верхней и нижней стороны
• .border-Л.Р. = граница левой и правой стороны
• .border-все = граница со всех сторон

HTH,

-Ted