Q&A
コードはマークダウンのcode機能を利用してご提示ください。
cssもあわせてご提示ください
<!doctype html> <html lang="ja"> <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://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link rel="stylesheet" href="css/stylesheet.css"> <title>Write4 NO4</title> </head> <body> <div class="header"style="height: 212px;"> <div class="container" style="width: 1035px;"> <div class="d-flex align-items-end"> <div class="pt-5 header-left"> <h2>Write</h2> <p class="text-secondary ">書く為のテーマ</p> </div> <div class="pt-5 mr-5 ml-5 pb-3">ホーム</div> <div class="pt-5 mr-5 ml-5 pb-3">ページ</div> <div class="pt-5 mr-5 ml-5 pb-3"> タイポグラフィー</div> <div class="pt-5 mr-5 ml-5 pb-3">お問い合わせ</div> </div> </div> </div> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> </body> </html> コード ```初心者です、Bootstrapのcssの上書きをしたいのですがどうすればいいでしょうか？「書く為のテーマの右側」にmargin-right:100pxとしたくて調べて色々試したのですが変化がないです。cssは色々変えて上手くいかなかったので消しました。  
回答2件
0
動くサンプル：https://jsfiddle.net/v2bp7qjh/
既に出ている回答で状態が反映されるため、stylesheet.css に書いて反映されないとすれば、下記のようなことを確認してください。
0. デベロッパーツールでCSSファイルが読み込まれているか（コンソールにエラーが出ていないか）確認するhttps://eng-entrance.com/javascript-display-error
0. CSSの記述に問題がある場合それ以降が適用されなくなることが有るので、提示されたコードのみを書いて保存する
0. 読み込まれたファイルと別のファイルを編集している可能性のチェック（たまにあります）
0. キャッシュの消去
【Webブラウザのキャッシュ削除と、スーパーリロード方法一覧 | uzurea.net】
http://uzurea.net/cacheclear-and-superreload-2018/
投稿2019/08/21 14:02
総合スコア69407
回答ありがとうございます、画面のサイズを変えてない最初の状態ではmarginを効かせて表示する事はできないのでしょうか？
https://jsfiddle.net/v2bp7qjh/show/
効いていますよ。
0
</head>の直前に
CSS
1.text-secondary { 2 margin-right: 100px 3}
又は
CSS
1.d-flex .header-left { 2 margin-right: 100px; 3}
投稿2019/08/21 11:54
編集2019/08/21 12:04
総合スコア10429
marginを大きい値でpx指定するのはやめたほうが良いと思う自分がいる
回答ありがとうございます、記述しましたが変化がないです。
どういう意味でしょうか？
cssを変える時はsassでするのでしょうか？
意味がわかりません
変化がないのは質問者さんのディスプレイ幅の影響では？
もう少しウィンドウの幅を狭くされては？
記述した後の表示画面の図を質問に追加しましたのでご覧ください。
うーん CSSを直書きしてはいつまでたっても反映されません。
きちんとタグで囲ってください。
（HTMLは組めているのにそこで...）
質問している立場で申し訳ないのですが初心者なので説明を省いた回答な感じがして理解ができません。
</head>の直前と回答があったのでそうしました。
言語名をご確認ください。CSSです。HTMLではありません。
cssに記述しましたが変化はありませんでした。
私のコメント見てますか？画面のサイズを小さくしてみてください。
顕著に現れるはずです。
あなたの回答
tips
プレビュー
