Question

我正在尝试使用子标题创建标头。很简单，我想要实现的东西很少：

文本应相互串联，空间大约为20px。（当使用bootstrap时，它们往往会相互浮动）
当文本大于窗口时，它应分别通过标题和子标题分成两行。

如果它看起来像这样（但只是文字） - 主要登陆页面，我会很高兴。我很好奇他是怎么做到的：P

尝试使用bootstrap：

  <div class="page1">
        <div class="container-fluid middlepage">
            <div class="col-lg-8 col-lg-offset-2">
                <div class="col-md-8">
                      <h1>ABCDEF<h1>
                </div>
                 <div class="col-md-4">
                      <h5>ghjklmnopqrstuv</h5>
                 </div>
            </div>
                 </div>
              </div>
        </div>
    </div>

Answer 1

**更新回答

首先，请逐步阅读，我认为您会更好地理解：http://getbootstrap.com/css/

其次，您可能不需要在容器（.page1）周围缠绕额外的div。您可以将其添加到容器div中。不确定你在尝试使用.middlepage类做什么。中央？你可以使用bootstrap类来实现，所以你不必创建新的CSS类。

第三，您还没有创建任何行。 Bootstrap是一个类似于表格的网格系统。你有行和列。请阅读以下所有内容：http://www.w3schools.com/bootstrap/

第四，Bootstrap作为12列网格系统工作。包含两个较小列的大型列最多只能添加10个。

祝你好运！

由于我们不知道你曾经尝试过什么（正如其他评论者所说的那样），这里有一些黑暗的刺：

尝试对齐您的商品
尝试边距/填充样式
如果您希望在屏幕较小时将列从2-up切换为1-up，则必须指定媒体查询大小，并在处理该大小时将每列增加到12
您也可以尝试FlexBox

响应式CSS内嵌文本（具有不同的字体大小）

1 个答案: