Usuário com melhor resposta
Tela no Browser não abre no modo expansivo

Pergunta
-
Boa noite
This is this text in ASP.NET and MVC.
Como posso corrigir esse erro
Segue abaixo do código do Layout :
<! DOCTYPE html><html><cabeça><meta http-equiv = "Tipo de conteúdo" content = "text / html; charset = utf-8" /><meta charset = "utf-8" /><meta name = "viewport" content = "largura = largura do dispositivo, escala inicial = 1.0"><title> @ ViewBag.Title - Controle de Estoque </ title>@ Styles.Render ("~ / Content / css")@ Scripts.Render ("~ / bundles / modernizr")</ head><body><div class = "navegação navbar-inverse navbar-fixed-top"><div class = "container"><div class = "navbar-header"><button type = "button" class = "navbar-toggle" data-toggle = "colapso" data-alvo = ". navbar-colapso"><span class = "barra de ícones"> </ span><span class = "barra de ícones"> </ span><span class = "barra de ícones"> </ span></ button>@ Html.ActionLink ("Controle de Estoque", "Index", "Home", novo {area = ""}, novo {@class = "navbar-brand"})</ div><div class = "colapso do navbar-colapso">@if (Request.IsAuthenticated){<ul class = "nav navbar-nav"><li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Cadastros<span class = "caret"> </ span></a><ul class = "menu suspenso"><li> @ Html.ActionLink ("Clientes", "Cliente", "Cadastro") </ li><li> @ Html.ActionLink ("Fornecedores", "Fornecedor", "Cadastro") </ li><li> @ Html.ActionLink ("Funcionários", "Funcionario", "Cadastro") </ li><li> @ Html.ActionLink ("Produtos", "Produto", "Cadastro") </ li><li class = "nav-divider"> </ li><li> @ Html.ActionLink ("Grupos de Produtos", "GrupoProduto", "Cadastro") </ li><li> @ Html.ActionLink ("Marcas de Produtos", "MarcaProduto", "Cadastro") </ li><li> @ Html.ActionLink ("Locais de Armazenamento", "LocalProduto", "Cadastro") </ li><li> @ Html.ActionLink ("Unidades de Medida", "UnidadeMedida", "Cadastro") </ li><li class = "nav-divider"> </ li><li> @ Html.ActionLink ("Paises", "Pais", "Cadastro") </ li><li> @ Html.ActionLink ("Estados", "Estado", "Cadastro") </ li><li> @ Html.ActionLink ("Cidades", "Cidade", "Cadastro") </ li><li class = "nav-divider"> </ li><li> @ Html.ActionLink ("Perfis de Usuários", "PerfilUsuario", "Cadastro") </ li><li class = "nav-divider"> </ li><li> @ Html.ActionLink ("Grupo de NCM", "GrupoNCM", "Cadastro") </ li><li> @ Html.ActionLink ("Grupo de CFOP", "GrupoCFOP", "Cadastro") </ li><li> @ Html.ActionLink ("Grupo de ICMS", "GrupoICMS", "Cadastro") </ li><li> @ Html.ActionLink ("Grupo de IPI", "GrupoIPI", "Cadastro") </ li><li> @ Html.ActionLink ("Grupo de IS", "GrupoIS", "Cadastro") </ li><li> @ Html.ActionLink ("Grupo de II", "GrupoII", "Cadastro") </ li><li> @ Html.ActionLink ("Grupo de ST", "GrupoST", "Cadastro") </ li></ ul></ li><li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Operações<span class = "caret"> </ span></a><ul class = "menu suspenso"><li> @ Html.ActionLink ("Compras", "Compra", "Operação") </ li><li> @ Html.ActionLink ("Vendas", "Venda", "Operação") </ li><li> @ Html.ActionLink ("Entradas no Estoque", "EntradaEstoque", "Operacao") </ li><li> @ Html.ActionLink ("Saidas do Estoque", "SaidaEstoque", "Operacao") </ li><li> @ Html.ActionLink ("Acertos de Estoque", "AcertoEstoque", "Operacao") </ li><li> @ Html.ActionLink ("Inventário de Estoque", "Inventário", "Operação") </ li></ ul></ li><li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Relatórios<span class = "caret"> </ span></a><ul class = "menu suspenso"><li> @ Html.ActionLink ("Posição de Estoque", "PosicaoEstoque", "Relatorio") </ li><li> @ Html.ActionLink ("Resuprimento", "Resuprimento", "Relatorio") </ li></ ul></ li><li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Graficos<span class = "caret"> </ span></a><ul class = "menu suspenso"><li> @ Html.ActionLink ("Perdas do mês", "PerdaMes", "Grafico") </ li><li> @ Html.ActionLink ("Entradas Vs Saidas por Mês", "EntradaSaidaMes", "Grafico") </ li></ ul></ li> </ ul><ul classe = "nav nav-nav navbar-direita"><li> @ Html.ActionLink ("Sobre", "Sobre", "Home") </ li><li> <a href ="#"> Olá @ User.Identity.Name </a> </ li>@using (Html.BeginForm ("LogOff", "Conta", FormMethod.Post, novo {id = "logoffForm"})){<li> <a href="javascript:document.getElementById('logoffForm').submit()"> Sair </a> </ li>}</ ul>}outro{<ul classe = "nav nav-nav navbar-direita"><li> @ Html.ActionLink ("Login", "Login", "Conta") </ li></ ul>}</ div></ div></ div><div class = "contêiner conteúdo do corpo">@RenderBody ()<hr /><footer><p> e cópia; @ DateTime.Now.Year - Controle de Estoque </ p></ footer></ div> @ Scripts.Render ("~ / bundles / jquery")@ Scripts.Render ("~ / bundles / bootstrap")@RenderSection ("scripts", obrigatório: false)</ body></ html>
Código do CSS:
body {padding fundo de enchimento: 20px;} / * Defina o preenchimento para impedir que o conteúdo atinja as bordas * /.body-content {preenchimento esquerdo: 15px;preenchimento à direita: 15px;} / * Substitui o comportamento de autoinicialização padrão em listas de descrição horizontal truncará termos muito longos para caber na coluna da esquerda * /.dl-horizontal dt {espaço-branco: normal;} / * Define a largura nos elementos de entrada do formulário, já que eles são 100% largos por padrão * /entrada,selecione,textarea {max-width: 280px;} .recipiente{largura: 400px;margem: 0 auto;}
Certo da atenção de todos
Agradeço...
Respostas
-
Pessoal Tópico Resolvido.
Vejam com ficaram os códigos:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>@ViewBag.Title - Controle de Estoque</title> @Styles.Render("~/Content/css") @Scripts.Render("~/bundles/modernizr") </head> <body> <div class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> @Html.ActionLink("Controle de Estoque", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" }) </div> <div class="navbar-collapse collapse"> @if (Request.IsAuthenticated) { <ul class="nav navbar-nav"> <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Cadastros <span class="caret"></span> </a> <ul class="dropdown-menu"> <li>@Html.ActionLink("Clientes", "Cliente", "Cadastro")</li> <li>@Html.ActionLink("Fornecedores", "Fornecedor", "Cadastro")</li> <li>@Html.ActionLink("Funcionários", "Funcionario", "Cadastro")</li> <li>@Html.ActionLink("Produtos", "Produto", "Cadastro")</li> <li class="nav-divider"></li> <li>@Html.ActionLink("Grupos de Produtos", "GrupoProduto", "Cadastro")</li> <li>@Html.ActionLink("Marcas de Produtos", "MarcaProduto", "Cadastro")</li> <li>@Html.ActionLink("Locais de Armazenamento", "LocalProduto", "Cadastro")</li> <li>@Html.ActionLink("Unidades de Medida", "UnidadeMedida", "Cadastro")</li> <li class="nav-divider"></li> <li>@Html.ActionLink("Paises", "Pais", "Cadastro")</li> <li>@Html.ActionLink("Estados", "Estado", "Cadastro")</li> <li>@Html.ActionLink("Cidades", "Cidade", "Cadastro")</li> <li class="nav-divider"></li> <li>@Html.ActionLink("Perfis de Usuários", "PerfilUsuario", "Cadastro")</li> <li class="nav-divider"></li> <li>@Html.ActionLink("Grupo de NCM", "GrupoNCM", "Cadastro")</li> <li>@Html.ActionLink("Grupo de CFOP", "GrupoCFOP", "Cadastro")</li> <li>@Html.ActionLink("Grupo de ICMS", "GrupoICMS", "Cadastro")</li> <li>@Html.ActionLink("Grupo de IPI", "GrupoIPI", "Cadastro")</li> <li>@Html.ActionLink("Grupo de IS", "GrupoIS", "Cadastro")</li> <li>@Html.ActionLink("Grupo de II", "GrupoII", "Cadastro")</li> <li>@Html.ActionLink("Grupo de ST", "GrupoST", "Cadastro")</li> </ul> </li> <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Operações <span class="caret"></span> </a> <ul class="dropdown-menu"> <li>@Html.ActionLink("Compras", "Compra", "Operacao")</li> <li>@Html.ActionLink("Vendas", "Venda", "Operacao")</li> <li>@Html.ActionLink("Entradas no Estoque", "EntradaEstoque", "Operacao")</li> <li>@Html.ActionLink("Saidas do Estoque", "SaidaEstoque", "Operacao")</li> <li>@Html.ActionLink("Acertos de Estoque", "AcertoEstoque", "Operacao")</li> <li>@Html.ActionLink("Inventário de Estoque", "Inventario", "Operacao")</li> </ul> </li> <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Relatórios <span class="caret"></span> </a> <ul class="dropdown-menu"> <li>@Html.ActionLink("Posição de Estoque", "PosicaoEstoque", "Relatorio")</li> <li>@Html.ActionLink("Resuprimento", "Resuprimento", "Relatorio")</li> </ul> </li> <li> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Graficos <span class="caret"></span> </a> <ul class="dropdown-menu"> <li>@Html.ActionLink("Perdas do mês", "PerdaMes", "Grafico")</li> <li>@Html.ActionLink("Entradas Vs Saidas por Mês", "EntradaSaidaMes", "Grafico")</li> </ul> </li> </ul> using (Html.BeginForm("LogOff", "Conta", FormMethod.Post, new { id = "logoffForm" })) { <ul class="nav navbar-nav navbar-right"> <li>@Html.ActionLink("Sobre", "Sobre", "Home")</li> <li> <a href="#">Olá @User.Identity.Name</a></li> <li><a href="javascript:document.getElementById('logoffForm').submit()">Sair</a></li> </ul> } } else { <ul class="nav navbar-nav navbar-right"> <li>@Html.ActionLink("Login", "Login", "Conta")</li> </ul> } </div> </div> </div> <div class="container body-content"> @RenderBody() <hr /> <footer> <p>© @DateTime.Now.Year - Controle de Estoque</p> </footer> </div> @Scripts.Render("~/bundles/jquery") @Scripts.Render("~/bundles/bootstrap") @RenderSection("scripts", required: false) </body> </html>
Código CSS:
body { padding-top: 50px; padding-bottom: 20px; } /* Set padding to keep content from hitting the edges */ .body-content { padding-left: 15px; padding-right: 15px; } /* Override the default bootstrap behavior where horizontal description lists will truncate terms that are too long to fit in the left column */ .dl-horizontal dt { white-space: normal; } /* Set width on the form input elements since they're 100% wide by default */ input, select, textarea { max-width: 280px; } .container-Login{ width: 400px; margin: 0 auto; } .titulo{ margin-bottom: 30px; text-transform: uppercase; }
- Marcado como Resposta Samuel Carlos Ribeiro domingo, 9 de dezembro de 2018 00:00