在bootstrap4中将导航元素放到右边的办法

```
<nav class="navbar navbar-expand-lg navbar-dark bg-dark bg-dark">
	<div class="container">
		<a class="navbar-brand" href="#">
			Lawrence
		</a>
		<ul class="navbar-nav">
			<li class="nav-item"><a class="nav-link" href="#">something</a></li>
			<li class="nav-item"><a class="nav-link" href="#">something</a></li>
			<li class="nav-item"><a class="nav-link" href="#">something</a></li>
		</ul>
	</div>
</nav>
```

重点是：

1. 要最外面的盒子上声明navbar这个类
2. 用container直接装在里面，这样就延展了全宽。在bootstrap中，使用组件的前提是整体组件完整，出问题往往是在于组件没有写齐，想要把组件的某个部分拿出来用。比如，如果没有container，那么写div.row是没有用的。