Мне нужно отобразить в центре div с class="col-md-6"
Это код, который отображает таймер слева Мне нужно отображать время в центре
<дел>
<дел>
<дел>
<дел>
<дел>
<дел>
<дел>
Политические партииИнициатива il: 20 ноября 2016 г.
<дел>
38
дней
07
Час
48
минут
12
Секунда
Сан-Марино
08:00–23:00
css
твиттер-бутстрап
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 г.
<дел>
38
дней
07
Час
48
минут
12
Секунда
<адрес>
Сан-Марино
08:00–23:00
<дел>
<дел>
<дел>
Если вам нужен ответ для Bootstrap 5, вам нужно добавить justify-content-md-center рядом с DIV, содержащим класс ROW.
Документированный пример здесь.
Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя адрес электронной почты и пароль
Опубликовать как гость
Электронная почта
Требуется, но не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
html — Bootstrap: почему мой col-md-6 не работает?
Задавать вопрос
спросил
Изменено
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 сплошной черный;
}
}
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.?