Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
 Аватар для Fatmarmelad
34 / 10 / 2
Регистрация: 20.02.2016
Сообщений: 1,613

Как в bootstrap блок media фон и контур?

29.11.2021, 20:20. Показов 337. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
День добрый!

Ниже пример блока media из Bootstrap. Как можно добавить фон какого-либо цвета и контур?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<div class="media">
            <a href="#" class="pull-left">
                <img src="../htmlcss/pics/cartina.jpg" alt="Jelly" class="media-object">
            </a>
            <div class="media-body">
                <h4 class="media-heading">Awesme oceans</h4>
                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Alias consequatur dicta sed, quis
                    temporibus
                    veritatis unde eius</p>
        
            </div>
        </div>
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
29.11.2021, 20:20
Ответы с готовыми решениями:

Как с помошью LESS примешать клас в Bootstrap, который находится в @media обертке?
Здравствуйте, нуждо примешать свойства .form-group к классу div, но из за @media обертки код не хочет компилироваться. Как в таком случае...

Как размыть фон модального окна на bootstrap?
Собственно, сабж. У меня сейчас простой темный фон. Как вместо него сделать размытый фон? Пробовал применять фильтр blur к классам...

Как правильно поставить проигрываться видео на фон в VLC Media Player?
Здравствуйте. Я постоянно использую видеоплеер для фонового прослушивания музыки, но так получается что VLC, почему то, при окончании видео...

3
Молодой техлид)
Эксперт JSЭксперт HTML/CSS
 Аватар для mr_dramm
1818 / 1056 / 329
Регистрация: 17.07.2021
Сообщений: 2,147
Записей в блоге: 14
29.11.2021, 20:25
CSS
1
2
3
        .media{
            background: <значение>;
        }
дока на background
0
 Аватар для Fatmarmelad
34 / 10 / 2
Регистрация: 20.02.2016
Сообщений: 1,613
29.11.2021, 21:40  [ТС]
а в строенного в Bootstrap ничего нет ?
0
Молодой техлид)
Эксперт JSЭксперт HTML/CSS
 Аватар для mr_dramm
1818 / 1056 / 329
Регистрация: 17.07.2021
Сообщений: 2,147
Записей в блоге: 14
29.11.2021, 21:44
Есть background color
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
29.11.2021, 21:44
Помогаю со студенческими работами здесь

Не работает media в bootstrap
Всем привет. Почему бутстрап не реагирует на медиа запросы? Пишу в своём файле стилей в конце например @media (min-width:...

Bootstrap не корректно обрабатывает media
Странная ситуация происходит. На моем серваке в разметке использую col-md-3 который срабатывает при @media (min-width: 992px) {} - это...

Написать код,для окружности(контур белый,фон синий)
Написать код, окружность(контур белый,фон синий). Помогите кто нибудь

Как зафиксировать блок bootstrap от и до
Приветствую. Есть две колонки разной высоты. Вторую колонку необходимо зафиксировать при скролле. И фиксировать ее до конца первой...

@Media CSS Как убрать блок из header?
Всем привет. Возникла проблема с сайтом . У меня в шапке есть логотип,&quot;поддержка&quot;,&quot;жалоба&quot;,и тд.Если я сожму сайт ,то будет...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&amp;d=1772460536 Одним из. . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru