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

質問編集履歴

1

ブラウザソース追記

2017/04/15 08:44

投稿

satail
satail

スコア31

title CHANGED
File without changes
body CHANGED
@@ -30,5 +30,101 @@
30
30
  <nav class="navbar navbar-fixed-bottom" role="navigation">
31
31
  ```
32
32
 
33
+ ブラウザソース
34
+ ```ここに言語を入力
35
+
36
+ <!DOCTYPE html>
37
+ <html>
38
+ <head>
39
+ <meta charset="UTF-8">
40
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
41
+ <meta name="viewport" content="width=device-width, initial-scale=1">
42
+
43
+ </head>
44
+ <body>
45
+ <nav class="navbar navbar-fixed-top" role="navigation">
46
+ <div class="bs-component">
47
+ <nav class="navbar navbar-inverse">
48
+ <div class="container-fluid">
49
+ <div class="navbar-header">
50
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2">
51
+ <span class="sr-only">Toggle navigation</span>
52
+ <span class="icon-bar"></span>
53
+ <span class="icon-bar"></span>
54
+ <span class="icon-bar"></span>
55
+ </button>
56
+ <a class="navbar-brand" href="/">sample app</a>
57
+ </div>
58
+
59
+ <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
60
+ <ul class="nav navbar-nav">
61
+ <li><a href="/users/sign_up">Sign up</a></li>
62
+ <li><a href="/users/sign_in">Log in</a></li>
63
+ </ul>
64
+ </div>
65
+ </nav>
66
+ </div><!-- /example -->
67
+ </div>
68
+ </div>
69
+ </div>
70
+ </div>
71
+ </nav>
72
+ <div class="alert alert-info">Signed out successfully.</div>
73
+ <div class="col-md-8 col-md-offset-2">
74
+
75
+ <div class="jumbotron jumbotron-fluid">
76
+ <div class="container">
77
+ <div Align="center">
78
+ <h1 class="display-3">sample app</h1>
79
+ <p>Welcome to sample app</p>
80
+
81
+ <a class="btn btn-primary" href="/users/sign_up">Sign up</a>
82
+ <a class="btn btn-primary" href="/users/sign_in">Log in</a>
83
+ </div>
84
+ </div>
85
+ </div>
86
+
87
+ </div>
88
+ <nav class="navbar navbar-fixed-bottom" role="navigation">
89
+ <div class="container text-center">
90
+ <hr />
91
+ <div class="row">
92
+ <div class="col-lg-12">
93
+ <div class="col-md-3">
94
+ <ul class="nav nav-pills nav-stacked">
95
+
96
+ </ul>
97
+ </div>
98
+ <div class="col-md-3">
99
+ <ul class="nav nav-pills nav-stacked">
100
+ <li><a href="/about">About</a></li>
101
+ </ul>
102
+ </div>
103
+ <div class="col-md-3">
104
+ <ul class="nav nav-pills nav-stacked">
105
+ <li><a href="/help">Help</a></li>
106
+ </ul>
107
+ </div>
108
+ <div class="col-md-3">
109
+ <ul class="nav nav-pills nav-stacked">
110
+ </ul>
111
+ </div>
112
+ </div>
113
+ </div>
114
+ <hr>
115
+ <div class="row">
116
+ <div class="col-lg-12">
117
+ <ul class="nav nav-pills nav-justified">
118
+ <li></li>
119
+ </ul>
120
+ </div>
121
+ </div>
122
+ </div>
123
+ </div>
124
+ </div>
125
+ </body>
126
+ </html>
127
+ ```
128
+
33
129
  ###環境
34
130
  Ruby on Rails