roblip
@roblip
Здесь может быть Ваша реклама

Как настроить элементы сайта при использовании Bootstrap?

Имеется такая проблема, когда на сайт заходит человек с FullHD экраном

nLieZjqouHg.jpg
Как растянуть задний фон на всю ширину для каждого устройства? Как центрировать все элементы ( имеется ввиду текст + кнопка )? И как подвести фон header под нормальные размеры?
  • Вопрос задан
  • 211 просмотров
Пригласить эксперта
Ответы на вопрос 2
semenovstyle
@semenovstyle
.img{
width:100%;
position:center;
background-repeat:no repeat;}
text{
text-aligen: center}
btm{
margin-left:auto;
margin-right:auto;}
Не претендую на истину, но возможно так.
Ответ написан
Комментировать
dalmariko
@dalmariko
Ни рыба ни мясо. Програмясо
Introduction
Grid systems are used for creating page layouts through a series of rows and columns that house your content. Here's how the Bootstrap grid system works:

Rows must be placed within a .container (fixed-width) or .container-fluid (full-width) for proper alignment and padding.
Use rows to create horizontal groups of columns.
Content should be placed within columns, and only columns may be immediate children of rows.
Predefined grid classes like .row and .col-xs-4 are available for quickly making grid layouts. Less mixins can also be used for more semantic layouts.
Columns create gutters (gaps between column content) via padding. That padding is offset in rows for the first and last column via negative margin on .rows.
The negative margin is why the examples below are outdented. It's so that content within grid columns is lined up with non-grid content.
Grid columns are created by specifying the number of twelve available columns you wish to span. For example, three equal columns would use three .col-xs-4.
If more than 12 columns are placed within a single row, each group of extra columns will, as one unit, wrap onto a new line.
Grid classes apply to devices with screen widths greater than or equal to the breakpoint sizes, and override grid classes targeted at smaller devices. Therefore, e.g. applying any .col-md-* class to an element will not only affect its styling on medium devices but also on large devices if a .col-lg-* class is not present.
Look to the examples for applying these principles to your code.

Я так делаю.
А по поводу текста, накинь бутстрапу своих стилей.
<div class="container-fluid">
        <div class="row">
твоя картинка
<div>
<div>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
//stablecode Вена
от 250 000 ₽
Фрамир Санкт-Петербург
от 80 000 ₽
ITooLabs Тула
от 35 000 до 40 000 ₽
26 февр. 2024, в 20:58
3000 руб./за проект
26 февр. 2024, в 20:36
3000 руб./за проект
26 февр. 2024, в 20:22
5000 руб./за проект