teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

Toggleメニューが崩れないようにCSS情報を追加しました。

2017/03/09 03:40

投稿

hidepon
hidepon

スコア206

title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,6 @@
1
+ ```ここに言語を入力
2
+ コード
1
- bootstrapでnavbar で一番左側のタイトル部分を削除すると生じる隙間を削除したいのですが、どのようにしたらよいでしょうか?
3
+ ```bootstrapでnavbar で一番左側のタイトル部分を削除すると生じる隙間を削除したいのですが、どのようにしたらよいでしょうか?
2
4
  新たにCSSの内容を上書きするstyle.cssを作成して打ち消しながらレイアウトをしています。
3
5
  ```
4
6
  <nav class="navbar navbar-default">
@@ -34,5 +36,53 @@
34
36
  Tggle メニューが崩壊してしまったりしています。
35
37
 
36
38
 
39
+ 下記のようにスマホ以外の場合にCSSファイル情報を上書きしてToggleメニューが崩れないように設定をしたつもりなのですが・・・崩れてしまいます。
40
+ PC、タブレットサイズはToggle メニューが表示されないので、影響は受けていません。
41
+
42
+ ```
43
+ @media only screen and (min-width : 480px) {
44
+ nav .container-fluid,
45
+ .navbar-collapse {
46
+ padding-left: 0px;
47
+ }
48
+
49
+ .navbar-brand {
50
+ display: none;
51
+ }
52
+ }
53
+
54
+ @media only screen and (min-width : 768px) {
55
+ nav .container-fluid,
56
+ .navbar-collapse {
57
+ padding-left: 0px;
58
+ }
59
+
60
+ .navbar-brand {
61
+ display: none;
62
+ }
63
+ }
64
+
65
+ @media only screen and (min-width : 992px) {
66
+ nav .container-fluid,
67
+ .navbar-collapse {
68
+ padding-left: 0px;
69
+ }
70
+
71
+ .navbar-brand {
72
+ display: none;
73
+ }
74
+ }
75
+ @media only screen and (min-width : 1200px) {
76
+ nav .container-fluid,
77
+ .navbar-collapse {
78
+ padding-left: 0px;
79
+ }
80
+
81
+ .navbar-brand {
82
+ display: none;
83
+ }
84
+ }
85
+ ```
86
+
37
87
  ご教授頂ければ幸いです。
38
88
  どのようにしたらよいの

1

本文の内容に追記しました

2017/03/09 03:40

投稿

hidepon
hidepon

スコア206

title CHANGED
File without changes
body CHANGED
@@ -31,6 +31,8 @@
31
31
  padding:0;などを設定していますが。
32
32
  まだ残っています。
33
33
  どのようにしたらよいでしょうか?
34
+ Tggle メニューが崩壊してしまったりしています。
34
35
 
36
+
35
37
  ご教授頂ければ幸いです。
36
38
  どのようにしたらよいの