I am having trouble aligning my input form that is designed to capture Twitter handles in the center of the page. Despite using Bootstrap and ASP.NET, I cannot seem to get it to work as intended. Here is a snippet of the relevant CSS/HTML code:
<form asp-action="GetTwitterHandle">
<div class="submitView">
<input name="UserHandle" class="form-control" placeholder='@Example_User'/>
<input type="submit" class="btn btn-primary" value="Get Stats" />
</div>
</form>
.submitView {
border: 1px solid orange;
height: auto;
display: flex;
justify-content: center;
align-items: center;
width: 50%;
}