Tabs Bootstrap

@wolf1396 · Регистрация: 07.05.2013

Студворк — интернет-сервис помощи студентам

Объясните пожалуйста, как делать табы в Bootstrap?

на сайте layoutit.com можно добавлять элементы, но там только 2, если изменить класс у div, то ничего не будет.

Вообще мне нужно сделать так, чтобы вкладки в табах можно было добавлять с помощью javascript

Создается Заголовок таба и его содержимое, я пока js не трогаю, т.к. с ним не знаком, мне хотя бы с html и css разобраться (создать таб и содержимое руками, чтобы в дальнейшем сделать скрипт)

@xaus · 13.05.2013, 19:30

mybootstrap.ru смотри тут

@wolf1396 · 13.05.2013, 20:40 **[ТС]**

Сообщение от xaus

mybootstrap.ru смотри тут

я прошу объяснить, а не кидать ссылки

@xaus · 13.05.2013, 20:41

Сообщение от wolf1396

я прошу объяснить, а не кидать ссылки

там же все подробно описано каждое действие

@wolf1396 · 13.05.2013, 20:45 **[ТС]**

Сообщение от xaus

mybootstrap.ru смотри тут

я смотрел здесь: bootstrap-ru.com

а посмотрев ссылку, я табы-вкладки D:

@SecurityCop · 12.12.2014, 20:34

Аналогичный вопрос.

Не хочет отображать информацию с других табов.

HTML5
1
2
3
4
5
6
7
8
9
10
11
<ul class="nav nav-tabs">
<li class="active"><a href="#main">Основная информация</a></li>
<li><a href="#contact">Контактная информация</a></li>
<li><a href="#result">Результаты переговоров</a></li>
</ul>
 
<div class="tab-content">
    <div class="tab-pane fade active in" id="main"><p>Информация. Реализуется.</p></div>
    <div class="tab-pane fade" id="contact"><p>Контакты. Реализуются.</p></div>
    <div class="tab-pane fade" id="result"><p>Результаты. Реализуются.</p></div>
</div>

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@wolf1396 11 / 10 / 7 Регистрация: 07.05.2013 Сообщений: 248

	Tabs Bootstrap 13.05.2013, 19:02. Показов 2651. Ответов 5 Метки нет (Все метки) Объясните пожалуйста, как делать табы в Bootstrap? на сайте layoutit.com можно добавлять элементы, но там только 2, если изменить класс у div, то ничего не будет. Вообще мне нужно сделать так, чтобы вкладки в табах можно было добавлять с помощью javascript Создается Заголовок таба и его содержимое, я пока js не трогаю, т.к. с ним не знаком, мне хотя бы с html и css разобраться (создать таб и содержимое руками, чтобы в дальнейшем сделать скрипт) 0

@xaus 10 / 10 / 0 Регистрация: 30.01.2013 Сообщений: 93
	13.05.2013, 19:30
	mybootstrap.ru смотри тут 0