Html 引导中心div保持在长矩形中

我已经创建了这个基本的网页，它有一个带有图片和文字的标题，然后在标题下面我有3个文本块，我最后要添加的是另外3个文本块下面的另一个文本块。当文本较长时，此块需要居中并向下延伸，而不是侧向延伸

请参见布局示例。

这是我目前的代码

<div class="container-fluid">
        <div class="row text-left">
            <p>Having trouble viewing this email? <a href="<%=HttpContext.Current.Request.Url.AbsoluteUri %>">View in browser</a></p>
        </div>
    </div>

    <div class="container-fluid page-header">
        <div class="row text-center">
            <div class="col-xs-12">
                <img src="http://ssiclouddev.azurewebsites.net/Content/Images/Icons/favicon-96x96.png" />
                <h1>Susquehanna Software Inc.</h1>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row text-center">
            <div class="col-xs-12 col-md-4">
                <h3>From:  <% =Request.QueryString["From"] %></h3>
            </div>
            <div class="col-xs-12 col-md-4">
                <h3>Email: <% =Request.QueryString["FromEmail"] %></h3>
            </div>
            <div class="col-xs-12 col-md-4">
                <h3>Subject: <% =Request.QueryString["FromSubject"] %></h3>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row text-center">
            <div class="col-xs-12">
                <div class="col-xs-6">
                    <h3><% =Request.QueryString["Content"] %></h3>
                </div>
            </div>

        </div>
    </div>

---

好的，你的例子其实很好用。但因为你的内容只是一个巨大的词，它会在父母之外继续。要检查这一点，请将CSS:wordwrap:break-word添加到h3中

我建议使用虚拟文本源，例如或将来使用

替换

 <div class="col-xs-12">
      <div class="col-xs-6">
          <h3><% =Request.QueryString["Content"] %></h3>
      </div>
 </div>

与

HTML在没有新行的情况下，不应将列类嵌套在另一个列类中：

---

这使得它出现在左边的3个空格是的，但文本仍然横向延伸，因此必须向右滚动。我已经用现在正确的内容编辑了我的答案Danny你回答了我的问题，但我使用上面的格式化代码作为答案。我最初告诉你这个确切的答案，你告诉我它不正确？

<div class="col-xs-6 col-xs-offset-3">  
        <h3><% =Request.QueryString["Content"] %></h3>
</div>

<div class="container-fluid">
  <div class="row text-center">
    <div class="col-xs-6 col-xs-offset-3">
      <h3><% =Request.QueryString["Content"] %></h3>
    </div>
  </div>
</div>

h3 {
  word-wrap: break-word;
}