Question

在Bootstrap nav-tabs中，如果我的某个标签有多行，则其他标签不合理。如何解决这个问题（使用纯CSS）所以所有选项卡的高度都与多行的高度相同？

<html>
  <head>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
  </head>
  <body>
    <ul class="nav nav-tabs nav-justified">
      <li>
        <a href="1.html">Tab 1</a>
      </li>
      <li>
        <a href="2.html">Tab 2</a>
      </li>
      <li>
        <a href="3.html">Tab 3</a>
      </li>
      <li class="active">
        <a href="aa.html" class="active">Please open in "Full page" and change the window size if this is not multiline</a>
      </li>
      <li>
        <a href="5.html">Tab 5</a>
      </li>
    </ul>
  </body>
</html>

Bootstrap nav-tabs在多行情况下不合理

0 个答案: