Bootstrap, foundation, simple css vs. vs. bunların hepsi prototip dizayn içindir.

Hızlı hızlı yaparsın ama performansı tartışılır. İşini bile birisi kendi yazdığı custom CSS ile (hiçbir bootstrap gibi css framework'u kullanmadan) 10-15KB css dosyası ile işini görür. Ancak bootstrap 4 şu an hali hazırda javascript dosyasıyla beraber 300KB civarında. Gel gör ki, çoğu web designer bootstrap'i sadece layout için kullanıyor. ( sidebar content sidebar gibi )

Sonrasında da javascript'e dair sadece dropdown menüyü alıyor ve bitiriyor. E, ne oldu? 300 KB'ı aslında 500 byte kodla yapılacak bir şey için kullandın. Bu bir tasarım ayıbıdır.

Ciddi projelerde zaten bu tür framework'lar kesinlikle kullanılmaz. Protipi belki hızlı olsun diye bunlar üzerinde yapılır ancak final sürümü tamamen kendi yazdığınız CSS olmalıdır.

Responsive için ise, geliştiricinin belli başlı kırılma noktalarını bilmesi gerekmektedir. 1200PX ve üstü, 960PX ve altı, 768PX ve altı 460PX ve altı gibi. Bunlar bilindiği sürece;

@media screen and (max-width: 768px) gibi kodlarla işinizi görebilirsiniz ve inanın çok daha özgür ve iyi görürsünüz. Özgün olursunuz en azından.