bootstrap导航满屏宽，logo居中左对齐的方法 作者：马育民 • 2017-11-01 22:16 • 阅读：10349 说起来拗口，要实现效果如下图： [](http://www.malaoshi.top//upload/0/0/1C7HCP0Dvux.png) 导航满屏，logo与下面内容距左的宽度是一样的，实现代码如下： css代码： ```css .top{ width: 100%; height: 120px; display: table-cell; vertical-align: middle; } .top-box{ background-color: #000f32; } ``` html代码 ```html <div class="container-fluid top-box"> <div class="container"> <div class="top"><img src="../img/logo.jpg" style="height: 78px;"></div> </div> </div> ``` container-fluid：满屏显示 container：栅栏格显示 原文出处：http://www.malaoshi.top/show_1C7HCYGICIy.html