I utilized https://i.sstatic.net/aQ6Ew.png
by implementing this code.
<div class="row mw-md-100 d-flex w-25 justify-content-end mb-2" >
<div class="col-md-12">
<nb-select
fullWidth
class="mw-md-100 mb-md-3 mb-2"
placeholder="User Name"
>
</nb-select>
</div>
</div>
Nevertheless, I'm in need of relocating this to the end of the row rather than the beginning. How can I achieve this?
Update: The solution is as follows:
<div class="row mw-md-100 d-flex w-100 mb-2 justify-content-end ">
<div class="w-25 advanced-filters">
<div class="col-md-12 " >
<nb-select fullWidth class="mw-md-100 mb-md-3 mb-2" placeholder="User Name" [formControl]="selectedSiteFormControl">
</nb-select>
</div>
</div>
</div>
Change background color of the second div
.advanced-filters {
background-color: #222b45 !important;
}