Не "добавить", а "подключить".
Но вообще, чтобы это всё понять, надо самому попробовать. И лучше начни с того, что сделай какую-нибудь тестовую страничку, с простым дизайном. Например, чтобы при ширине больше какой-то было 2 дива рядом и были равной ширины, а при ширине экрана меньше порога эти дивы чтобы выстраивались друг под другом и каждый был бы шириной во весь экран. Ну и так далее - добавляй элементы, добавляй сложности. Внутри дивов или рядом с ними. Элементы менюшки чтобы при широком экране были одни (например, горизонтальные), а при узком чтобы скрывались и появлялись только при клике на специальный значок. Который виден только при узком экране. И чтобы эти элементы меню выстраивались вертикально. Существенно - тэги должны быть одни и те же в том и другом случаях!!! Изменения делаются только стилями.
Делай свои наработки, выкладывай сюда (в эту же тему) - будем разбираться, что там правильно и что не правильно.
Потратишь день или два, но зато всё поймешь.
_____________
*
Хэлп по PHP*
Описалово по JavaScript *
Хэлп и СУБД для PostgreSQL*
Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги. *
"накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)