Что мне нужно - мне нужно сделать кнопку или две кнопки, при нажатии на которую показывалась бы то одна, то другая. При этом я хочу рассмотреть и попросить Вас рассказать, как это будет сделать более правильно на чистом html+css, так и на bootstrap, который я так же использую в проекте.
В чем проблема - я всё что связанно с версткой делаю впервые и мне не очень дается. По этому что я делаю,
я создаю div.button-container который содержит базовые параметры, типа ширина высота, форма. И в этот div.button-container я помещаю один экземпляр div.button у которого по очередно, в зависимости от значения флага в js меняю классы .skin-a и skin-b. Так меняется визуализация кнопки.
Но меня не покидает чувство, что
а) нужно соблюдать единство с bootstrap
б) реализация подобного уже есть
с) я делаю неправильно
...
Вот что у меня получилось -
codepen.io/anon/pen/ZGwVZE (только код, без ассетов)
И вот вопрос, это же не правильно что я просто контейнеры картинки ставлю? Нужно в него же div хотя бы кинуть? А может два div для каждого состояния? Как Вы мега html-щики делаете? ))
Средний
