twitter-bootstrap Bootstrap - 如何在新行中设置内容

Bootstrap - how to set content in new line

提问by Wojtkovy

I just started to learn Bootstrap - I want to get a result like this:

我刚开始学习 Bootstrap - 我想得到这样的结果：

But without using <br>.

但是没有使用<br>.

At the moment my code looks like:

目前我的代码看起来像：

HTML FILE:

HTML文件：

<div class="container-fluid" id="home">
<div class="row">
    <div class="col-md-8">
      <div class="row">
        <div class="col-md-5"></div>
        <div class="col-md-7">
                <h1>Upper text here <br> lower text here</h1>
        </div>
      </div>
    <div class="col-md-4"></div>
  </div>
</div>
</div>

CSS FILE:

CSS文件：

#home{
text-align: center;}

If I change div class="col-md-5"to less than 5 or higher it doesn't help.

如果我将 div 更改class="col-md-5"为小于 5 或​​更高，则无济于事。

采纳答案by Satej S

Here you go..

干得好..

<div class="container-fluid" id="home">
<div class="row">
    <div class="col-md-8">
      <div class="row">
        <div class="col-md-5"></div>
        <div class="col-md-7">

        <h1>Upper text here </h1>
        <h1>lower text here </h1>


        </div>
      </div>
    <div class="col-md-4"></div>
  </div>
</div>
</div>

CSS

CSS

   #home{
    text-align: center;}

DEMO

演示

DEMO WITH MODIFIED LINE HEIGHT

修改线高的演示