Задавать вопрос
спросил
Изменено 9 месяцев назад
Просмотрено 130 тысяч раз
Мне нужно отобразить в центре div с class="col-md-6"
Это код, который отображает таймер слева Мне нужно отображать время в центре
<дел> <дел> <дел> <дел> <дел> <дел>Сан-Марино 08:00–23:00<дел> Политические партии Инициатива il: 20 ноября 2016 г.
- 38
дней
- 07
Час
- 48
минут
- 12
Секунда
4
Bootstrap 3
Добавьте класс col-md-offset-3 , который будет смещен на 3 столбца, учитывая, что Bootstrap имеет сетку из 12 столбцов, это поместит элемент col-md-6 прямо в центр.
Ссылка на документацию по смещениям.
Bootstrap 4
Использовать offset-3 или mx-auto для центрирования столбца col-md-6
Просто добавьте «float:none;margin:auto;» к вашему стилю div следующим образом:
.....
Надеюсь быть полезным 😉
Как я вижу, вы используете wordpress. И код, который вы разместили, не заканчивается должным образом. Если я не ошибаюсь, у вас в строке есть и другая часть col-md-6. Так легко вы можете установить время в центре .upcoming-campaign { text-align: center; } добавив это. Если любой вопрос спросите меня в комментарии.
<дел>
.предстоящая кампания {
выравнивание текста: по центру;
} <заголовок>
<тело>
<дел>
<дел>
<дел>
<дел>
<дел>
<дел>
<дел>
com/wp-content/uploads/2016/10/elezioni_sfondo.jpg" alt="Elezioni Politiche">
<дел>
Политические партии
Инициатива il: 20 ноября 2016 г.
<дел>
дней
Час
минут
Секунда
Если вам нужен ответ для Bootstrap 5, вам нужно добавить justify-content-md-center рядом с DIV, содержащим класс ROW.
Документированный пример здесь.
Зарегистрируйтесь с помощью Google
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя адрес электронной почты и пароль
Электронная почта
Требуется, но не отображается
Электронная почта
Требуется, но не отображается
Задавать вопрос
спросил
Изменено 2 года, 8 месяцев назад
Просмотрено 594 раза
У меня небольшая проблема с моим сайтом.
Мне нужен адаптивный сайт с использованием Bootstrap. В моей мобильной версии два столбца должны располагаться друг над другом, что сейчас правильно. Но в моей настольной версии столбцы должны быть рядом друг с другом. Я думал, что col-md-6 был правильным способом сделать это, но что-то пошло не так… Может ли кто-нибудь объяснить мне, что я делаю неправильно?
тело {
заполнение: 0;
маржа: 0;
фон: #f2f6e9;
отступ слева: 20px;
}
.clearfix: после {
содержание: ".";
дисплей: блок;
высота: 0;
ясно: оба;
видимость: скрытая;
}
.контейнер {
поле сверху: 20 пикселей;
семейство шрифтов: «Roboto», без засечек;
}
.содержание {
поле сверху: 30px;
}
.textgeel{
цвет: #d7a32d;
}
.textgroen{
цвет: #4a7b45;
}
.смелый {
вес шрифта: полужирный;
}
.лингель{
высота: 4 пикселя;
ширина: 50 пикселей;
цвет фона: #d7a32d;
плыть налево;
поле сверху: 10px;
}
картинка {
ширина: 100%;
}
.тител {
размер шрифта: 15px;
преобразование текста: верхний регистр;
высота строки: 18px;
}
п {
размер шрифта: 12px;
}
#профифото {
ширина: 75%;
поле сверху: 15px;
нижняя граница: 40px;
}
. тител {
размер шрифта: 15px;
преобразование текста: верхний регистр;
высота строки: 18px;
}
.ондертитель {
размер шрифта: 13px;
преобразование текста: верхний регистр;
высота строки: 16px;
поле сверху: 15px;
нижняя граница: 15px;
}
Только экран @media и (min-device-width: 768px) {
.тител {
размер шрифта: 20px;
высота строки: 23px;
}
.col-MD-6 {
граница: 1px сплошной черный;
}
} <голова>Лотте Поте <мета-кодировка="utf-8">bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> <тело> <дел> <дел> <дел> <дел> <дел> Лотте Поте
Jouw grafisch ontwerper
для цифровых и друкверк
заклепка в частностиWil jij je onderscheiden встретился с jouw bedrijf.?
Ik ben namelijk gek van enthousiaste personen en plannen, dus ik luister graag naar jouw verhaal en wensen.! Ik sta open voor allerhande projecten, zowel groot als klein, dus bij twijfel contacteer mij gerust. Ben je geïnteresseard in een samenwerking of heb je eerst nog enkele vragen.?Laat van je horen.!
<дел>[an error occurred while processing the directive]
[an error occurred while processing the directive][an error occurred while processing the directive]
тител {
размер шрифта: 15px;
преобразование текста: верхний регистр;
высота строки: 18px;
}
.ондертитель {
размер шрифта: 13px;
преобразование текста: верхний регистр;
высота строки: 16px;
поле сверху: 15px;
нижняя граница: 15px;
}
Только экран @media и (min-device-width: 768px) {
.тител {
размер шрифта: 20px;
высота строки: 23px;
}
.col-MD-6 {
граница: 1px сплошной черный;
}
} 
