twitter-bootstrap - Bootstrap3 左对齐文本但保持文本 block 居中

Question

我有一个菜单，无论屏幕大小如何，我都希望它正好位于 Logo 下方。直到屏幕变得足够小以适应移动设备，然后它才会变成汉堡菜单。

居中文本效果很好:http://new2015.wingsofsupport.org/因此，当您将屏幕变大或变小时，居中文本将准确保留在 Logo 下方。

问题是我希望文本本身左对齐但仍正好位于 Logo 下方。如果我做一个“text-align: left;”并给它留出一个边距，以便在我更改屏幕尺寸后它开始到处移动。

我的 Google-Fu 让我失望，我在 Stack 上找到的其他解决方案如下:Center UL but keep text left aligned没有为我做这份工作。

Answer 1

你是说这样？

/* Start Praveen's Reset for Fiddle ;) */
* {font-family: 'Segoe UI'; margin: 0; padding: 0; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/* End Praveen's Reset for Fiddle ;) */
ul {display: block; width: 100px; border: 1px solid #ccc; margin: auto;}

<ul>
  <li><a href="#">Item 1</a></li>
  <li><a href="#">Item 2</a></li>
  <li><a href="#">Item 3</a></li>
  <li><a href="#">Item 4</a></li>
  <li><a href="#">Item 5</a></li>
</ul>