私は、ブートストラップの「ウェル」コマンドを使用して

を私のウェブサイト上のグレーの大きな箱を作成することはできませんこれはcodepens HTML用紙に私のコードです：私は、ブートストラップの「ウェル」コマンドを使用して

<body> 
    <div class="well"> 
     <h1 class="text-primary container-fluid well"> My school - "HTL Donaustadt" </h1> 
    </div> 
    <img src="https://pbs.twimg.com/profile_images/2207244694/Logo_CMYK_300dpi_400x400.jpg" 
</body>

あなたは私から言葉「だけでなく」を挿入見ることができますブートストラップ2回、どちらもうまくいきませんでした。最初に私はdivを使って親をやってみました（うまくいきませんでした）また私はh1のクラスとして使っていました（また働いていませんでした）。私の目標は、画像とテキストを入れることができるセンターグレーのボックスを作成することです。私は初心者ですので、それらの悪くて簡単な質問には申し訳ありません。また、ちょうど理解する - 私はこの簡単な作業を完了するためにここで理解する必要がある "コンテナ"の何かですか？

出典

2017-04-06 Tahir Akkaya

どのバージョンのブートストラップを使用していますか？私はかなり彼らがv4で井戸を取り除いたと確信しています。 – Pytth

あなたのサイトにbootstrap cssを含んでいるか？私はあなたが期待するものは分かっていませんが、コードは間違いなく動作します：[例]（https://jsfiddle.net/g695tLyn/） – empiric

あなたは言う、私はいつものようにページの上部でリンクをしなければならないコードペン？ –

私はこれがあなたが必要としていることを望みます。あなたが提供するコードには、イメージのための閉じ括弧 ">"はありません。あなたが直面したかもしれない問題は、あなたがブートストラップ用のソースファイルを含んでいなかったかもしれないからです。

<!DOCTYPE html> 
    <html lang="en"> 
    <head> 
     <title>Bootstrap Example</title> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
    </head> 
    <body> 
    <div class="well"> 
      <h1 class="text-primary container-fluid well"> My school - "HTL Donaustadt" </h1> 
     </div> 
    <img src="https://pbs.twimg.com/profile_images/2207244694/Logo_CMYK_300dpi_400x400.jpg"> 

    </body> 
    </html>

出典

2017-04-06 17:36:42 Sridharan

jeahコードが正しいです、また、私はhtmlドキュメントの先頭にブートストラップライブラリリンクを追加するのを忘れていました。私は、あなたがオプションでブートストラップバージョン4を設定した後にそれを行う必要はありません。間違い –

私は、ブートストラップの「ウェル」コマンドを使用して

答えて

関連する問題