框内联无序列表，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