.col-xs-five,
.col-sm-five,
.col-md-five,
.col-lg-five {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-xs-five {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-five {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-five {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-five {
width: 20%;
float: left;
}
}<div class="row">
<div class="btn-group btn-group-justified">
<div class="btn-group">
<div class="col-sm-12">Column 1</div>
</div>
<div class="btn-group">
<div class="col-sm-12">Column 2</div>
</div>
<div class="btn-group">
<div class="col-sm-12">Column 3</div>
</div>
<div class="btn-group">
<div class="col-sm-12">Column 4</div>
</div>
<div class="btn-group">
<div class="col-sm-12">Column 5</div>
</div>
</div>
</div>
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 10vh;
}
footer {
position: absolute;
bottom: 0;
width: 100%;
height: 10vh; /*высота футера будет зависеть от высоты экрана*/
}
/* чтобы весь футер заливался */
footer .row{
background-color: #193441;
}
<?php if ( !empty( $page_title_config['main_title'] ) ):
$class = 'a1';
if(in_category('ID_рубрики')) {
$class = 'a2';
}
?>
<h1 class="<?php echo $class; ?>">
<?php echo wp_kses( $page_title_config['main_title'], $volcanno_theme_config['allowed_html_tags'] ) ?></h1>
<?php endif; ?><?php if ( !empty( $page_title_config['main_title'] ) ): ?>
<h1 class="a1">
<?php if(in_category('ID_рубрики')) : ?>
<?php echo wp_kses( $page_title_config['main_title'], $volcanno_theme_config['allowed_html_tags'] ) ?>
<?php else : ?>
<?php the_title(); ?>
<?php endif; ?>
</h1>
<?php endif; ?>
<img src="https://unsplash.it/700/300" alt="" />img {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
max-width: 100vw;
max-height: 100vh;
}
img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}img {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
<meta name="viewport" content="width=device-width, initial-scale=1">