Bootstrap col 不是内联的

【问题标题】：Bootstrap col not inlineBootstrap col 不是内联的
【发布时间】：2016-07-23 12:35:57
【问题描述】：

你好，我想用 bootsrap 做布局，但是 col 不能内联显示

<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

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

如果我没有在 CSS 中添加边距，框会显示内联，但是当我添加边距属性时，box2 会下降。

【问题讨论】：

标签： twitter-bootstrap margin inline col

【解决方案1】：

<div class="col-md-9 box1" 和 <div class="col-md-9 box2" 末尾没有 >。如果要在同一行显示 2 个标题，则必须将它们放在同一行，例如：

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

【讨论】：