Форум программистов, компьютерный форум, киберфорум
Web-мастеринг
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/3: Рейтинг темы: голосов - 3, средняя оценка - 5.00
 Аватар для Crazy-kun
0 / 0 / 2
Регистрация: 22.05.2013
Сообщений: 48

Bootstrap 4

24.10.2017, 09:13. Показов 673. Ответов 1

Студворк — интернет-сервис помощи студентам
Доброго времени суток. Делаю сейчас сайт и дизайн верстаю на бутстрапе. Есть у меня блок card с навигацией типа nav-tabs. После этих вкладок у меня расположен input-group. Так вот, мне нужно сделать так чтобы этот инпут растянулся да правого края хэдэра блока card, как это можно реализовать?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<div class="card text-center bg-transparent">
                <div class="card-header bg-light1">
                    <ul class="nav nav-tabs card-header-tabs">
                        <li class="nav-item">
                            <a href="#">Item1</a>
                        </li>
                        <li class="nav-item">
                            <a href="#">Item2</a>
                        </li>
                        <li class="nav-item">
                            <a href="#">Item3</a>
                        </li>
                        <li>
                            <form class="form-group" method="post" action="{{ route('goodSearch') }}">
                                <div class="input-group">
                                    <input type="text" name="search_request" class="form-control" placeholder="Поиск по каталогу">
                                    <span class="input-group-btn">
                                        <button class="btn btn-primary" type="button">Найти</button>
                                    </span>
                                </div>
                                {{ csrf_field() }}
                            </form>
                        </li>
                    </ul>
                </div>
                <div class="card-body bg-light1">
Миниатюры
Bootstrap 4  
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
24.10.2017, 09:13
Ответы с готовыми решениями:

Знакомство с Bootstrap
Дайте гайдик покурить или видосик поглядеть где нормально разжуют как работать с бутстреп. Вот например у меня есть уже полностью готовый...

Bootstrap + linux
Здравствуйте. Сделал на raspberry веб сервер на основе nginx. Страницу php с bootstrap накидал на windows, из папки замечательно...

Как увидить сетку в bootstrap?
Как узнать сколько блок в макете занимает столбцов в bootstrap? Как мне переносить размеры блоков в bootstrap?. Сетки то невидно.

1
 Аватар для Crazy-kun
0 / 0 / 2
Регистрация: 22.05.2013
Сообщений: 48
25.10.2017, 08:59  [ТС]
Решил проблему сам.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
25.10.2017, 08:59
Помогаю со студенческими работами здесь

Шаблоны bootstrap могут содержать вирусы?
Доброго дня! Хочу скачать в интернете готовый шаблон для своего сайта, хочу скачать бесплатный шаблон на bootsrap, может ли такой шабон...

Пытаюсь подключится к базе данных, использую bootstrap
Ноутбук Acer Aspire-a715. Работаю над сайтом. Хотел подключиться к базе данных, используя bootstrap. Ничего не происходит. Как проверить...

Нужно ли платный шаблон bootstrap сажать на какой либо движок или это не обязательно?
Всем добра и печенек! Ответье пожалуйста я не совсем понимаю суть bootrstrapa поэтому и спрашиваю может ли шаблон купленный на...

Bootstrap
Можно ли к Bootstrap подключить Mysql и php? Или какую БД лучше использовать к bootstrap?

Bootstrap
Всем привет! Ребята, начал юзать *bootstrap и как-то с большим трудом дается. Может объяснить кто-нибудь хоть чуть-чуть популярно? Буду...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++
8Observer8 17.03.2026
Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip
Символические и жёсткие ссылки в Linux.
algri14 15.03.2026
Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора
ФедосеевПавел 14.03.2026
Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .
делаю науч статью по влиянию грибов на сукцессию
anaschu 13.03.2026
прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++
8Observer8 10.03.2026
Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru