"Tabelka"
Bootstrap 4.1.1 Snippet by mkiecana

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="divTable minimalistBlack"> <div class="divTableHeading"> <div class="divTableRow"> <div class="divTableHead">head1</div> <div class="divTableHead">head2</div> <div class="divTableHead">head3</div> <div class="divTableHead">head4</div> <div class="divTableHead">head5</div> </div> </div> <div class="divTableBody"> <div class="divTableRow"> <div class="divTableCell">cell1_1</div> <div class="divTableCell">cell2_1</div> <div class="divTableCell">cell3_1</div> <div class="divTableCell">cell4_1</div> <div class="divTableCell">cell5_1</div> </div> </div> </div>
div.minimalistBlack { border: 3px solid #000000; width: 100%; text-align: left; border-collapse: collapse; } .divTable.minimalistBlack .divTableCell, .divTable.minimalistBlack .divTableHead { border: 1px solid #000000; padding: 5px 4px; } .divTable.minimalistBlack .divTableBody .divTableCell { font-size: 13px; } .divTable.minimalistBlack .divTableHeading { background: #CFCFCF; background: -moz-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%); background: -webkit-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%); background: linear-gradient(to bottom, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%); border-bottom: 3px solid #000000; } .divTable.minimalistBlack .divTableHeading .divTableHead { font-size: 15px; font-weight: bold; color: #000000; text-align: left; } .minimalistBlack .tableFootStyle { font-size: 14px; } /* DivTable.com */ .divTable{ display: table; } .divTableRow { display: table-row; } .divTableHeading { display: table-header-group;} .divTableCell, .divTableHead { display: table-cell;} .divTableHeading { display: table-header-group;} .divTableFoot { display: table-footer-group;} .divTableBody { display: table-row-group;}

Related: See More


Questions / Comments: