Struggling to find the proper code to align my div element to the right of the page.
Current alignment: https://i.sstatic.net/JoJu5.png
Desired alignment: https://i.sstatic.net/xZWJ6.png
Below is the code snippet:
<h1 class="pb-2 mt-4 mb-2 border-bottom">Products</h1>
<button type="button" name="button" class="btn btn-warning" *ngIf="!newProduct" (click)="newProductForm()">New Product Question</button>
<button [disabled]="loading" type="button" name="button" class="btn btn-default" *ngIf="!newProduct" (click)="reload()"><i class="fas fa-sync-alt"></i> Reload</button>
<form name="searchForm" (submit)="search()" class="form-check-inline">
<div class="float-right">
<input type="text" name="title" class="form-control" placeholder="*Search Product" aria-label="Search"/>
<button type="submit" style="display:none;">Hidden</button>
</div>
</form>
The two buttons (yellow and grey) are not related to the form. The form serves as a search function for the page, styled using bootstrap.