SchoolIT, Bootstrap — это набор CSS-кода для быстрой вёрстки. Он не является чем бо́льшим, чем тупо набор готовых кусков CSS-кода + немного JS для типичного функционала. Как начало пути — вполне себе хороший вариант, но дальше опираться на него не стоит во всём.
Сергей, нет. Прочитайте мой комментарий выше. И примеры в песочнице.
Вы использовали устаревший max-device-width, который работает только, когда браузер отдаёт мобильный заголовок (мобильный телефон или режим эмуляции телефона в режиме разработки). Поэтому и стили применялись только на телефонах.
Марти Макфлай, чтобы пользователи понимали, что это ссылка, а так — без разницы. Чисто функционально — это ссылка. Функционально-визуально — кнопка. Обычно в таком случае используют тег a, ибо переход на другую страницу.
Табы тут у вас в качестве мини-меню со ссылками.
Но тут могут прийти другие люди, которые скажет обратное. И будут правы. И буду прав я.
Забыли только переназначить выравнивание текста внутри li, чтобы текст был слева, маркеры — справа + можно без обёртки, а сразу на ul поставить направление:
Можно только поставить размеры самому iframe и выровнять сам iframe относительно контейнера.
Но внутри iframe это сделать не выйдет.