Site yourself
Here are some css selectors you can use to make your own wonderful html tables.
.table-1{}
.table-1 th{}
.table-1 td{}
.table-1 tr:first-child{}
.table-1 tr:last-child{}
.table-1 tr td:first-child{}
.table-1 tr td:last-child{}
.table-1 tr:nth-child(odd){}
.table-1 tr:nth-child(even){}
If you don’t won’t to use the default html buttons it’s easy to create your own styled buttons. Below I oppose two examples. You can additionally add border-radius and other styles to make it look nicer.
At the examples I chose div elements for the buttons, but you can easialy use span elements, so you don have to make the display inline-block.
I read bootstrap’s 3 code and here I will factor out some of the main concepts that I have found at their stylesheet(css).
I read their stylesheet for educational purposes, and because after all I don’t like overriding their sheet, or have 200 classes that I will never use for my projects. I also don’t like including their js files, and it seems that many css classes have connections with the js code.
By reading bootstrap’s code for the first time I narrowed down the code from 6 thousand lines to 1.5 thousand. And here’s the most interesting teqniques they use: