html - 与无序列表内联的框，bootstrap 3

Question

我想要两个不同内容的盒子。我希望他们排在最前面。默认情况下，它们与底部 http://jsfiddle.net/52VtD/9772/ 对齐

如何让它们位于顶部而不是底部？

<ul class="list-inline">
 <li class="box">
     <ul>
         <li>
              aaa
         </li>
          <li>
              aaa
         </li>
     </ul>

 </li>
 <li class="box">
     <ul>
         <li>
              aaa
         </li>
          <li>
              aaa
         </li>
         <li>
              aaa
         </li>
     </ul>
 </li>
</ul>

Answer 1

您需要垂直对齐初始列表项。添加 CSS(或者更确切地说，结合当前规则):

.box{
    vertical-align:top;
}

Demo Fiddle

请注意，您的 HTML 也是无效的，您需要确保正确关闭每个 li