Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 0
Регистрация: 21.11.2017
Сообщений: 41

Отцентрировать изображение слайдера bootstrap на мобильной версии

13.01.2018, 23:57. Показов 875. Ответов 0
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здраствуйте, помогите пожалуйста, кто знает как можно отцентрировать изображение слайдера bootstrap на мобильной версии экрана, вот например при ширине экрана 375px, слайдер выглядит вот так:
контент самого слайдера:
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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
 <div id="carouselExampleIndicators" class="carousel slide width-all" data-ride="carousel">
                <ol class="carousel-indicators indicators-header">
                    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <ul class="indastry">
                            <li class="card-header-baner">
                                <a href=""><p class="education">Education</p></a>
                            </li>
                            <li class="card-header-baner">
                                <a href=""><p class="business">Business</p></a>
                            </li>
                            <li class="card-header-baner">
                                <a href=""><p class="technology">Technology</p></a>
                            </li>
                            <li class="card-header-baner">
                                <a href=""><p class="banking">Banking</p></a>
                            </li>
                        </ul>
                    </div>
                    <div class="carousel-item">
                        <ul class="indastry">
                            <li class="card-header-baner">
                                <a href=""><p class="education">Education</p></a>
                            </li>
                            <li class="card-header-baner">
                                <a href=""><p class="business">Business</p></a>
                            </li>
                            <li class="card-header-baner">
                                <a href=""><p class="technology">Technology</p></a>
                            </li>
                            <li class="card-header-baner">
                                <a href=""><p class="banking">Banking</p></a>
                            </li>
                        </ul>
                    </div>
                    <div class="carousel-item">
                        <ul class="indastry">
                            <li class="card-header-baner">
                                <a href=""><p class="education">Education</p></a>
                            </li>
                            <li class="card-header-baner">
                                <a href=""><p class="business">Business</p></a>
                            </li>
                            <li class="card-header-baner">
                                <a href=""><p class="technology">Technology</p></a>
                            </li>
                            <li class="card-header-baner">
                                <a href=""><p class="banking">Banking</p></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
13.01.2018, 23:57
Ответы с готовыми решениями:

Листание слайдера для мобильной версии
Здравствуйте всем! Задача: есть слайдер. Нужно чтобы на мобильном устройстве его можно было листать влево / вправо. Вопрос: как...

В мобильной версии блоки с изображениями превращаются в карусель на Bootstrap
Помогите решить задачку: Верстка на Bootstrap. В строке 2 изображения. &lt;div class=&quot;container&quot;&gt; &lt;div...

Как для web-версии и мобильной версии поставить разные картинки
Всем добрый вечер! Кто знает, подскажите: мне необходимо для вебверсии и мобильной версии поставить разные картинки.

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
13.01.2018, 23:57
Помогаю со студенческими работами здесь

Отцентрировать изображение
хочу поставить изображение по центу. делаю вот так следущий код показывает 282 alert($(window).height()/2 - $(this).height()/2); если...

Отцентрировать изображение
Всем доброго времени суток. Возникла такая проблема. Мне с помощью CSS надо отцентровать изображение. Помогите, пожалуйста. Буду очень...

Меню мобильной версии
Как сделать меню, которое всегда будет на весь экран на телефоне? Как бы смешно не казалось, но это реально стало проблемой. Есть...

Навигация в мобильной версии
Здравствуйте, использую тему oneline-lite http://wp-templates.ru/oneline-lite/ Проблема в следующем: в мобильной версии не...

По мобильной версии шаблона
Добрый вечер! У меня есть большая проблема, я в теме поменяла цвет, с синего на красный, везде в стилях, все хорошо, но вот когда...


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

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
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 через установщик. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru