Vertically center jumbotron bootstrap 4.1.3 is not working [duplicate]
This question already has an answer here:
Bootstrap 4 Center Vertical and Horizontal Alignment
5 answers
Vertical Align Center in Bootstrap 4
9 answers
Can someone plaease explain to me why only the jumbotron is horizontaly centerd and why the vertcally center is not working?
this is my code:
<div class="container">
<div class="row justify-content-center align-items-center" >
<div class="col-6" >
<div class="jumbotron text-center" >
Some text
</div>
</div>
</div>
</div>
html bootstrap-4
asked Nov 23 '18 at 16:41
ArmandoArmando
34
marked as duplicate by Zim bootstrap-4
Users with the bootstrap-4 badge can single-handedly close bootstrap-4 questions as duplicates and reopen them as needed.
StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;
$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');
$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
Nov 23 '18 at 16:47
This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.
add a comment |
This question already has an answer here:
Bootstrap 4 Center Vertical and Horizontal Alignment
5 answers
Vertical Align Center in Bootstrap 4
9 answers
Can someone plaease explain to me why only the jumbotron is horizontaly centerd and why the vertcally center is not working?
this is my code:
<div class="container">
<div class="row justify-content-center align-items-center" >
<div class="col-6" >
<div class="jumbotron text-center" >
Some text
</div>
</div>
</div>
</div>
html bootstrap-4
asked Nov 23 '18 at 16:41
ArmandoArmando
34
marked as duplicate by Zim bootstrap-4
Users with the bootstrap-4 badge can single-handedly close bootstrap-4 questions as duplicates and reopen them as needed.
StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;
$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');
$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
Nov 23 '18 at 16:47
This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.
add a comment |
This question already has an answer here:
Bootstrap 4 Center Vertical and Horizontal Alignment
5 answers
Vertical Align Center in Bootstrap 4
9 answers
Can someone plaease explain to me why only the jumbotron is horizontaly centerd and why the vertcally center is not working?
this is my code:
<div class="container">
<div class="row justify-content-center align-items-center" >
<div class="col-6" >
<div class="jumbotron text-center" >
Some text
</div>
</div>
</div>
</div>
html bootstrap-4
asked Nov 23 '18 at 16:41
ArmandoArmando
34
This question already has an answer here:
Bootstrap 4 Center Vertical and Horizontal Alignment
5 answers
Vertical Align Center in Bootstrap 4
9 answers
Can someone plaease explain to me why only the jumbotron is horizontaly centerd and why the vertcally center is not working?
this is my code:
<div class="container">
<div class="row justify-content-center align-items-center" >
<div class="col-6" >
<div class="jumbotron text-center" >
Some text
</div>
</div>
</div>
</div>
This question already has an answer here:
Bootstrap 4 Center Vertical and Horizontal Alignment
5 answers
Vertical Align Center in Bootstrap 4
9 answers
html bootstrap-4
html bootstrap-4
asked Nov 23 '18 at 16:41
ArmandoArmando
34
asked Nov 23 '18 at 16:41
ArmandoArmando
34
asked Nov 23 '18 at 16:41
ArmandoArmando
34
asked Nov 23 '18 at 16:41
ArmandoArmando
34
asked Nov 23 '18 at 16:41
ArmandoArmando
34
34
marked as duplicate by Zim bootstrap-4
Users with the bootstrap-4 badge can single-handedly close bootstrap-4 questions as duplicates and reopen them as needed.
StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;
$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');
$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
Nov 23 '18 at 16:47
This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.
marked as duplicate by Zim bootstrap-4
Users with the bootstrap-4 badge can single-handedly close bootstrap-4 questions as duplicates and reopen them as needed.
StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;
$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');
$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
Nov 23 '18 at 16:47
This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.
add a comment |
add a comment |
0
active
oldest
votes
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
