헤더 ASP.NET의 사이트 로고 코어 MVC

다음 이미지 태그를 사용하여 사이트에 추가하려고합니다.헤더 ASP.NET의 사이트 로고 코어 MVC

<a href="@Url.Action("Index", "core")" class="navbar-brand"> 
    <img src="~/images/core.png" title="core" alt="additional title" /> 
</a>

둘 다 머리뿐만 아니라 내 _Layout.cshtml 페이지의 body 태그에이 태그를 추가하는 시도하고 그것이가에 나타나도록 header.Where 내가 태그를 추가해야 바로 아래 끝 사이트의 왼쪽 상단 구석에?

<!DOCTYPE html> 
<html> 

<head> 
<meta charset="utf-8" /> 
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 

<title>@ViewData["Title"] - core</title> 

<environment names="Development"> 
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" /> 
    <link rel="stylesheet" href="~/css/site.css" /> 
</environment> 
<environment names="Staging,Production"> 
    <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css" 
      asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css" 
      asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" /> 
    <link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" /> 
</environment> 
@Html.ApplicationInsightsJavaScript(TelemetryConfiguration) 
</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="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a asp-area="" asp-controller="core" asp-action="Index" class="navbar-brand">core</a> 
     </div> 
     <div class="navbar-collapse collapse"> 

     </div> 
    </div> 
</div> 
<div class="container body-content"> 
    @RenderBody() 
    <hr /> 
    <footer> 
     <p>&copy; 2017 - core Inc. - core</p> 
    </footer> 
</div> 

<environment names="Development"> 
    <script src="~/lib/jquery/dist/jquery.js"></script> 
    <script src="~/lib/bootstrap/dist/js/bootstrap.js"></script> 
    <script src="~/js/site.js" asp-append-version="true"></script> 
</environment> 
<environment names="Staging,Production"> 
    <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.2.0.min.js" 
      asp-fallback-src="~/lib/jquery/dist/jquery.min.js" 
      asp-fallback-test="window.jQuery"> 
    </script> 
    <script src="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/bootstrap.min.js" 
      asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.min.js" 
      asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal"> 
    </script> 
    <script src="~/js/site.min.js" asp-append-version="true"></script> 
</environment> 

@RenderSection("scripts", required: false) 
</body> 
</html>

본문에 있지만 로고가 머리 아래에 배치됩니다. 위치 : 상대 상단 : (여기에 추가

<body> 
<a href="@Url.Action("Index", "core")" class="navbar-brand"> 
    <img src="~/images/core.png" title="core" alt="additional title" /> 
</a>  
<div class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="container"> 
     . 
     . 
     .

출처

2017-01-16 VK_217

CSS를 사용하여 페이지의 왼쪽 상단 모서리에 배치하십시오. 여백이나 CSS 절대 위치 및 상대 위치를 사용하여 아이콘을 배치 할 수 있습니다. 수레가 너무 도움이 될 수도 있습니다. 좀 더 많은 코드를 게시 할 수 있다면 도움이 될 것입니다. – user2330678

전체 'HTML'을 공유 할 수 있습니까? 또는 적어도 헤더 부분? –

섹션에 추가하지 않을 것입니다. 즉, 브라우저에만 관심이있는 메타 정보입니다. 이미지의 검은 색 막대가 무엇이든지간에 태그를 살펴볼 수 있습니다. 확실하지 않은 경우 개발자 도구를 사용하여 요소를 강조 표시합니다. – JakeParis

나는 myself.It이 <div class="navbar navbar-inverse navbar-fixed-top">

<div class="navbar navbar-inverse navbar-fixed-top"> 
    <a href="@Url.Action("Index", "core")" class="navbar-brand"> 
     <img src="~/images/core.png" title="core" alt="" /> 
    </a> 
    <div class="container">   
     <div class="navbar-header">

출처

2017-01-16 20:55:23

시도 내부에 갈 필요를 파악 화소 수)

다른 옵션은 위치를 사용하는 것입니다 : 절대적으로 로고의 위치를 변경하거나 나에게 개인 메시지를 보내면 더 많은 코드/사이트로 연결되는 링크를 더 많이 도울 것입니다

출처

2017-01-16 20:55:47

헤더 ASP.NET의 사이트 로고 코어 MVC

답변

관련 문제