Question

我已经看到了一些试图使Bootstrap导航栏居中的示例，但我无法让它们中的任何一个工作。我在thread id: %s - number of messages in this thread: %d Traceback (most recent call last): File "quickstart1.py", line 175, in <module> main() File "quickstart1.py", line 151, in main GetThread(service, EMAIL_LOGIN, thread_id) File "quickstart1.py", line 120, in GetThread print ('thread id: %s - number of messages in this thread: %d') % ('test', 1) TypeError: unsupported operand type(s) for %: 'NoneType' and 'tuple'，style="text-align:center"和nav上尝试div，但它没有任何效果。

任何想法我做错了什么？

ul

https://plnkr.co/edit/EDf9leSPZVoS4l9dQCfv?p=preview

Answer 1

.nav {
    padding-left: 0px;
    margin-bottom: 0px;
    list-style: none;
    display : table; // Add this
    margin: auto; // Add this
}

在bootstrap 3963中添加最后两个css样式无行。 https://plnkr.co/edit/HAvko7diBJvtZRB5Vuxn?p=preview

Answer 2

问题是你的“nav nav-pills li”在ur css中有一个默认的“float：left”。这使得你的text-align永远不会起作用，因为float总是会覆盖任何其他文本属性。

解决此问题的一种方法是复制ur css文件中的下一个声明：

inspect

希望这有效

如何使Bootstrap导航栏居中？

2 个答案: