I’ve been struggling to align the menu and company name in a single row. Initially, I tried setting the company name followed by some spaces before adding the menu items, but it didn't work out as expected. I've been spending the last couple of hours attempting to troubleshoot with Bootstrap grid system.
_CustomLayout.cshtml
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@Styles.Render("~/template/css")
<title>Abc - Free Responsive Template using Bootstrap 4</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<style>
.companyname {
font-size: 22px;
font-family: "Lato-Black";
text-transform: uppercase;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-4">
<a class="companyname">asasdasdasd Technology</a>
</div>
<div class="row">
<div class="col-md-2">
@Html.ActionLink("Services", "Index", "Home")
</div>
<div class="col-md-2">
@Html.ActionLink("AboutUs", "Index", "Home")
</div>
<div class="col-md-4">
@Html.ActionLink("Blog", "Index", "Home")
</div>
<div class="col-md-2">
@Html.ActionLink("Hire Developers", "Index", "Home")
</div>
<div class="col-md-2">
@Html.ActionLink("Career", "Index", "Home")
</div>
<div class="col-md-2">
@Html.ActionLink("Get a Quote", "Index", "Home")
</div>
</div>
</div>
</div>
@RenderBody()
https://i.sstatic.net/94DVs.png
I am aiming to position the company name after certain spaces and then have the menu items all in one row seamlessly.