如何制作具有统一长度的列表项？答案

【问题标题】：How can I make list item with uniform length?如何制作具有统一长度的列表项？
【发布时间】：2015-06-26 00:50:33
【问题描述】：

我正在为水平标签组件创建一个无序列表。我希望每个列表项填充图像上显示的具有统一长度和高度的三个框之一。这是我的 jsFiddle 和 javascript。为了实现这一点，我应该在 CSS 上进行哪些更改？

$(function(){
    $('#tabs').tabs({
        event: "mouseover"
    });
});

这里是jsfiddle。

【问题讨论】：

请设置图片以便更好地理解您的问题。谢谢。
na.cx/i/a7J56X.png 这是图片的链接。我会尝试将其上传到 stackoverflow，但我昨天失败了。

标签： javascript html css twitter-bootstrap grid

【解决方案1】：

HTML & CSS: How to create four equal size tabs that fill 100% width?

我昨天尝试了表格显示，但昨天没有工作。然而，它今天似乎有效，所以我发布它以防有人与我分享同样的问题

【讨论】：

【解决方案2】：

很好的解决方案。

建议和解决方案之一是查看bootstrap 组件，并正确包含类：

<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>
	<body>
<ul class="nav nav-pills nav-justified">
  <li role="" class="active"><a href="#">Home</a></li>
  <li role=""><a href="#">Profile</a></li>
  <li role=""><a href="#">Messages</a></li>
</ul>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
      </body>
  </html>

我认为这也很有帮助，您可以节省大量设计时间:)

【讨论】：