Центральная панель инструментов с 3 кнопками начальной загрузки внутри div
-
20-12-2019 - |
Вопрос
Как центрировать бутстрап по горизонтали 3 btn-toolbar
кнопка внутри col-lg
дел?
<div class="col-lg-6 col-sm-3 noleftpad">
<div class="well topnestedbut">
<div class="btn-toolbar nested-top">
<button type="button" class="btn btn-default btn-sm"><strong>This must be centered</strong></button>
</div>
</div>
</div>
CSS:
.btn-toolbar.nested-top{
position:absolute;
top:0px;
text-align:center;
}
.well.topnestedbut{
padding:35px 10px 10px;
}
.noleftpad{
padding-left:0px;
}
Я хочу, чтобы кнопка была прикреплена к верхней части контейнера div, а также по центру:
Решение
Вот что я сделал:
Когда элемент позиционируется абсолютно, он плавает над содержимым.В этом состоянии он будет занимать ровно столько места, сколько содержимое внутри него.
Если вы установите ширину 100% для этого элемента, он займет 100% ширины родительского (или относительного) контейнера.
.btn-toolbar.nested-top{
text-align:center;
position:absolute;
top:0;
width:100%;
}
Не связан с StackOverflow