Как создать вкладки на Bootstrap?

@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 для создания вкладок, которые занимают всю ширину экрана.