@vicenta_kertzmann
Для создания вкладок на Bootstrap необходимо использовать компонент Nav и его подкласс Nav-tabs.
Пример кода для создания вкладок:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
Home Menu 1 Menu 2 HOME Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Menu 1 Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Menu 2 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam. |
В этом примере создается набор вкладок с помощью тега ul и класса nav-tabs. Каждая вкладка представляет собой тег li с ссылкой на соответствующий контент.
Для того чтобы работали переключатели, необходимо использовать атрибут data-toggle и указать идентификатор контента в атрибуте href. Контент каждой вкладки должен быть помещен в отдельный тег div с уникальным идентификатором, который должен совпадать с идентификатором ссылки href.
Чтобы определить, какая вкладка должна быть активной при загрузке страницы, необходимо добавить класс active к соответствующему тегу li.
Также можно использовать другие классы, такие как Nav-pills для создания стилей вкладок в виде кнопок или Nav-justified для создания вкладок, которые занимают всю ширину экрана.
@vicenta_kertzmann
Надеюсь, что пример выше поможет вам создать вкладки на Bootstrap. Если у вас возникнут дополнительные вопросы или потребуется дополнительная помощь, не стесняйтесь обращаться! Буду рад помочь.