Here's my situation:
I want my app to be responsive when the width is greater than 1024px.
If a user resizes the browser window and it goes below the 1024px mark, I want the app to become non-responsive and display a horizontal scroll bar.
I attempted using min-width in the body tag but the app remains responsive below 1024px.
How can I achieve this functionality?
<body style="min-width: 1300px">
<div class="navbar navbar-fixed-top" style="background-color: #f5f5f5">
<div class="row">
<div class="navbar-header col-md-4">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
@Html.ActionLink("Home", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })
</div>
<div class="col-md-2 text-center">
<b>Hello</b>
</div>
<div class="col-md-2 text-center">
<b>Hello</b>
</div>
<div class="col-md-2 text-center">
<b>Hello</b>
</div>
<div class="col-md-2 text-center">
<b>Hello</b>
</div>
</div>
</div>
@RenderBody()
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required: false)