Co do responsywności, sprawa jest względnie prosta, nie trzeba od razu bawić się w Bootstrap, tym bardziej że najpierw trzeba go znać a i kod HTML ma być pod to:
W sekcji head:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
No i dodatkowy css np. style-responsive.css np. tak
@media (max-width: 360px)
{
coś tam pod smartfon portrait
}
@media (min-width: 480px) and (max-width: 639px)
{
coś pod większą rozdzielczość
}
@media (min-width: 640px) and (max-width: 870px)
{
i coś jeszcze
}
Przenajmniej robiłem tak w jednym serwisie, wartości min-width i max-width mogą być inne.