相关疑难解决方法(0)

`col-xs-*`在Bootstrap 4中不起作用

我之前没有遇到过这种情况,我很难找到解决方案.当引导程序中的列等于中等时,如下所示:

<h1 class="text-center">Hello, world!</h1>

  <div class="container">
      <div class="row">
          <div class="col-md-12 text-center">
              <h1>vicki williams</h1>
          </div>
      </div>
  </div>

Run Code Online (Sandbox Code Playgroud)

text-align工作正常:

但是当使列等于超小时,如下所示:

 <div class="container">
      <div class="row">
          <div class="col-xs-12 text-center">
              <h1>vicki williams</h1>
          </div>
      </div>
  </div>

Run Code Online (Sandbox Code Playgroud)

然后text-align不再有效:

是否有一些我不理解的引导概念,或者这实际上是一个像我认为的那样的错误.我从来没有遇到过这个问题,因为我的文本在过去与xs始终保持一致.任何帮助将不胜感激.这是我的完整代码:

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
  </head>
  <body>
    <h1 class="text-center">Hello, world!</h1>

      <div class="container">
          <div class="row">
              <div class="col-xs-12 text-center">
                  <h1>vicki williams</h1>
              </div>
          </div>
      </div>

    <!-- jQuery first, then Tether, …

Run Code Online (Sandbox Code Playgroud)

html css text-alignment twitter-bootstrap twitter-bootstrap-4

You*_*der

2018 02-27

133
推荐指数

4
解决办法

8万
查看次数