index 投稿一覧表示
show 各ユーザーの投稿一覧
indexページは正常にレイアウトが反映されるのですが、
showページに遷移するとなぜかカラム落ちが発生します。
CSSにはmargin等の設定はしていないので、Bootstrapの幅100%はこえていることはないと思います。
showアクションでの処理内容はユーザーが投稿したデータを取得してビューで詳細表示させています。
showだけ崩れるのはRails特有のものなんでしょうか?
showアクション、ビューに関係する何らかが影響していると思うのですが、原因がわかりません。
controllers/users_controller.rb class UsersController < ApplicationController before_action :authenticate_user!, only: [:show] def index @user = User.find(params[:id]) @images = @user.images end def show @user = User.find(params[:id]) @images = @user.images end end
config/routes devise_for :users, controllers: { omniauth_callbacks: 'users/omniauth_callbacks' } resources :users get "/users/:id" => "users#show" end
users/show.html.erb (yieldから) <%=current_user.id%>.<%=current_user.name%>さんの投稿履歴 <!--show.html.erbは今回の現象と関係ないかもです。-->
**追記**
すみません。yieldで表示されてるところしか載せていませんでした。
application.html.erbを追加しました。
<!DOCTYPE html> application.html.erb <html> <head> <div id="headerbg"> <!--<img src="../assets/title.jpg">--> <title>railsサイト</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <%= csrf_meta_tags %> <%= csp_meta_tag %> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <!--lightbox--> <link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/js/lightbox.min.js" type="text/javascript"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %> <!-- Stylesheets --> <link rel="stylesheet" href="assets/style.css"/> </div> <!--js読み込み--> <%= javascript_include_tag 'application' %> <%= javascript_include_tag 'acc.js' %> </head> <body><div class="wrap"> <div class="container"> <div class="row"> <header> <div class="col-xs-12 col-sm-12 col-md-12"><%= link_to root_path do%><%=image_tag "image.png"%><%end%></div> </header> </div> <div class="row"> <!--content ここにshowとindex--> <div class="content content_post col-md-8 offset-md-1"> <%= yield %> </div> <div class="sidebar col-md-4 d-none d-lg-block "> <!--ログイン--> <div class="side-1 sidebar msr_box03 "> <h3 class="ttl"><div style="font-weight: bold; font-size: 23px;">ログイン</div></h3><br> <div class="inside"> <%if user_signed_in? %> <%=current_user.id%>.<%=current_user.name%>さん<br> <%= link_to "ログアウト",destroy_user_session_path, method: :delete,:style=>"color:#007BBB;" %> <%= link_to "マイページ","/users/#{current_user.id}" %> <%else%> <%= link_to 'Twitterでログイン', user_twitter_omniauth_authorize_path,:style=>"color:#007BBB;" %> <%end%> </div> </div> <!--サイド--> <div class="side-2 sidebar msr_box03 "> <h3 class="ttl"><div style="font-weight: bold; font-size: 23px;">サイド</div></h3> <div class="inside"> サイド </div> </div> <!--サイド--> <div class="side-3 sidebar msr_box03 "> <h3 class="ttl"><div style="font-weight: bold; font-size: 23px;">サイドタイトル</div></h3><br> <div class="inside">サイド <%= link_to "詳細確認", "/intro",:style=>"color:#007BBB;" %></div> </div> </div> <div id="footerWrap"> <div id="footer"> フッター </div><!--id="footer"--> </div><!--id="footerWrap"--> </div><!--class="row"--> </div><!--class="container"--> </body> </html>
_flash.html.erb <% flash.each do |message_type, message| %> <div class="alert alert-<%= message_type %>" role="alert" style="text-align:center"><%= message %></div> <% end %>
回答1件
あなたの回答
tips
プレビュー