[Solved] Bootstrap single full width column

by


You can use bootstrap col-12 class or just use a simple div to make it full width everywhere.

Here is the working example using bootstrap col-12 class:

.col-12 {
    background-color: #dedede;
}

.content {
    background-color: #abaaba;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<div class="container-fluid">
<div class="row">
<div class="col-12">
    <h1>Welcome back User!</h1>
</div>
</div>
</div>

<!-- without using bootstrap -->

<div class="content">
    <h1>Welcome back User!</h1>
</div>

2

solved Bootstrap single full width column