###前提・実現したいこと
bootstrap4 jumbotron で
画像を背景につけたい
ネットを調べて かなり試しましたが行かず
###発生している問題・エラーメッセージ
ネットを調べて かなり試しましたが行われずに
八方ふさがり状態です。
そもそも4が厳しいのでしょうか?
助けてください。
エラーメッセージ
###該当のソースコード
<!DOCTYPE html> <html lang="ja"> <head><div class="container"> <!--センター--> <!--jumbotron--> <div class="jumbotron"> <h1 class="display-3">maru marumaru </h1> <p class="lead"></p> <hr class="my-4"> <p>It uses utility classes for typography and spacing to space content out within the larger container.</p> <p class="lead"> <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a> </p> </div><!-- 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"> <style type="text/css"> .jumbotron-extend { position: relative; height: 100vh; min-height: 300px; background: url(ここにいれればいいはずが・・・) no-repeat center center; background-size: cover; }
###試したこと 基本的 ###補足情報(言語/FW/ツール等のバージョンなど) より詳細な情報
質問文のコードはコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
「ここにいれればいいはずが・・・」で入れた結果どうなったかも追記お願いします。当該ファイルから画像へのパスが合っていれば問題なさそうですが・・
返答ありがとうございます。
このサイトのルールがわからない為御面倒をおかけいたしました。
次回以降は もっとわかりやすい記載をいたします。
ローカル環境でおこなっていたせいだと言うことをいわれたのでmampを使用してみたら画像が開けました。 まだ jumbotronの背景の画像がうつらないのとnavvarの固定もできないのですがこれも関連があるのでしょうか?
回答1件
あなたの回答
tips
プレビュー