1

私がやろうとしているのは、画面の中央からテキストを開始することだけです。

これが以下のコードです。サブディレクトリのない html ファイルとともに、縮小されたブートストラップ css および js ファイルをプロジェクト ディレクトリに含めたことに注意してください。これらのファイルは、コンパイル済みの Bootstrap 3.0.1 ダウンロードから取得しました。また、代わりに CDN へのリンクを使用してみました。それでもうまくいきませんでした。このコードを Firefox で開くと、アクティブなポジショニングがまったく表示されません。私がしようとしたように、他の Bootstrap スタイルも機能しませ<p class = "large"> blah </p>んでしたが、テキストが大きくなりませんでした。

注: 人々がページを簡単にテストできるようにするために、ローカルのブートストラップ ファイルへのリンクをブートストラップ CDN ファイルへのリンクに置き換えました。

<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap 101 Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap-theme.min.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="row">
      <div class="span3 offset9">
        <p class="large">This Text</p>
      </div>
    </div>

    <h1>Hello, world!</h1>
  </body>
</html>
4

2 に答える 2

0

ブートストラップの JavaScript 部分をインポートするのを忘れました。

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
于 2014-07-11T04:34:31.907 に答える