/* bootstrap hack: fix content width inside hidden tabs */
.tab-content > .tab-pane, .pill-content > .pill-pane {
    display: block;    /* undo display:none          */
    height: 0;         /* height:0 is also invisible */
    //overflow: hidden;  /* no-overflow                */
}
.tab-content > .active, .pill-content > .active {
    height: auto;      /* let the content decide it  */
} /* bootstrap hack end */

https://github.com/kenwheeler/slick/issues/187#iss...

Верстать полноценно не стоит, да и вообще это тупо как-то.. возьмут верстку и потом скажут что не подошел.

В бутстрапе и так 12 колонок по дефолту. Верстать лучше на бустрапе или фоундейшн, или еще на чем-то.. на чистом css с нуля очень долго и прошлый век.
Еще используй scss для ускорения.

Делаешь футер и хедер и остальные блоки в отдельных файлах, а потом где нужно вызываешь их.