How can I align <li> elements in one <ul> on the right side to be displayed in a single line?
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="/">Library</a>
</div>
<ul class="nav navbar-nav">
<!-- omitted -->
</ul>
<ul class="nav navbar-nav">
<li>
<a href="/viewrecord" class="btn btn-primary">View Circulation Record</a>
</li>
<li>
<form action="/logout" method="">
<button type="submit" class="btn btn-warning">Logout</button>
</form>
</li>
</ul>
</div>
</nav>