Is it possible to prevent my Bootstrap nav
from collapsing when the page is minimized? I only have two elements in my navigation bar, and the Login button fits even when the page is minimized.
/* Navigation */
.navbar-brand img {
width:30%;
height:100%;
}
.navbar-default {
padding-top:10px;
padding-bottom:10px;
}
.navbar {
background: #23272D !important;
}
#logo {
width: 83.33px;
height: 27.68px;
}
#login_button {
position: relative !important;
top: 7px !important;
}
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"/>
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-brand">
<a href='#'> <img src='http://logos-download.com/wp-content/uploads/2016/06/Udemy_logo.png' class='img-responsive' id='logo'> </a>
</div>
</div>
<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
<button type="button" class="btn btn-danger" id='login_button'>Login</button>
</div>
</nav>
<!-- End of Navigation -->