Twitter bootstrap 引导列不内联

嗨，我想用bootsrap进行布局，但是列不能内联显示

<div class= "container">
      <div class="row">
       <div class="col-md-9 box1"
       <h1>Hello World</h1>
       </div>
      </div>

         <div class="row">
           <div class="col-md-3 box2"
           <h1>Hi World</h1>
           </div>
          </div>
      </div>

如果我没有在CSS中添加边距，框将以内联方式显示，但当我添加边距属性时，框2将下降。

.box1 .box2 {
display: inline;
margin: 5px;
}