Someone can help me, I am a beginner in css, I have a form but it is very right that is even surpassing the margin of the site as you can see in the image:
formcode:
<divclass="container">
<div class="row">
<div class="col-md-4 col-md-offset-4" style="">
<div class="login-panel panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Fazer Login</h3>
</div>
<fieldset>
<div class="panel-body">
<%= form_for(resource, as: resource_name, role:"form", url: session_path(resource_name)) do |f| %>
<div class="form-group">
<%= f.label :email %><br />
<%= f.email_field :email, autofocus: true, autocomplete: "email", class: "form-control", type: "email", placeholder: "Digite o Email" %>
</div>
<div class="form-group">
<%= f.label :password %><br />
<%= f.password_field :password, autocomplete: "current-password", class: "form-control", type: "password", placeholder: "Digite a Senha" %>
</div>
<% if devise_mapping.rememberable? -%>
<div class="checkbox">
<label>
<%= f.check_box :remember_me %>Lembre-me
</label>
</div>
<% end -%>
<div class="actions">
<%= f.submit "Entrar", class: "btn btn-lg btn-success btn-block" %>
</div>
<% end %>
</fieldset>
<%= render "professors/shared/links" %>
</div>
</div>
</div>
</div>
</div>
Code from this menu in the left corner:
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Sistema Escola</title>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
<%= csrf_meta_tags %>
</head>
<body>
<div id="wrapper">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0; background-color: #005ce6;">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--<a class="navbar-brand" href="index.html" style="color: #fff; margin-left: 600px;">SysOferta</a>-->
</div>
<!-- /.navbar-header -->
<ul class="nav navbar-top-links navbar-right">
<!-- /.dropdown -->
<% if professor_signed_in? %>
<strong style="color: #fff;">Olá, <%= current_professor.prof_nome.to_s %></strong>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
<i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
</a>
<ul class="dropdown-menu dropdown-user">
<li class="divider"></li>
<li><%= link_to('<i class="fa fa-sign-out fa-fw"></i> Sair'.html_safe, destroy_professor_session_path, method: :delete) %>
</li>
</ul>
<!-- /.dropdown-user -->
</li>
<% else %>
<li class="nav-item">
<li><%= link_to('<i class="fa fa-user-circle fa-fw"></i> Logar'.html_safe, new_professor_session_path , :class => "login_nav")%>
</li>
<% end %>
<!-- /.dropdown -->
</ul>
<!-- /.navbar-top-links -->
<div class="navbar-default sidebar" role="navigation">
<div class="sidebar-nav navbar-collapse" >
<ul class="nav" id="side-menu">
<li>
<a href="/turmas/"><i class="fa fa-user fa-fw"></i> Turmas</a>
</li>
<li>
<a href="/alunos/"><i class="fa fa-user fa-fw"></i> Alunos</a>
</li>
<li>
<a href="/disciplinas/"><i class="fa fa-user fa-fw"></i> Disciplinas</a>
</li>
<li>
<a href="/professors/"><i class="fa fa-user fa-fw"></i> Professores</a>
</li>
<li>
<a href="/matriculas/"><i class="fa fa-user fa-fw"></i> Matrículas</a>
</li>
<li>
<a href="/avaliacaos/"><i class="fa fa-user fa-fw"></i> Avaliação</a>
</li>
</ul>
</div>
<!-- /.sidebar-collapse -->
</div>
<!-- /.navbar-static-side -->
</nav>
<!-- Page Content -->
<div id="page-wrapper">
<div class="container-fluid">
<div class="row">
<!-- /.col-lg-12 -->
</div>
<!-- /.row -->
</div>
<%= yield %>
<!-- /.container-fluid -->
</div>
<!-- /#page-wrapper -->
</div>
<!-- /#wrapper -->
</body>
</html>