더북(TheBook)

8. FrmUserControl.aspx는 앞의 페이지 네 개를 조립해 페이지 하나로 실행할 메인 페이지다. 파일을 열고 다음과 같이 코드를 입력한다. 부트스트랩의 기능을 사용해 간단히 레이아웃을 구성했다. 부트스트랩 포함 경로는 NuGet 패키지 관리자에 의해서 자동으로 생성된 Content 폴더 경로를 설정했다.


<%@ Page Language=“C#” AutoEventWireup=“true”
  CodeBehind=“FrmUserControl.aspx.cs”
  Inherits=“DevUserControl.FrmUserControl” %>

<!DOCTYPE html>

<html xmlns=http://www.w3.org/1999/xhtml">
<head runat=“server”>
  <meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” />
  <title>웹 사이트 뼈대 만들기</title>
  <link href=“Content/bootstrap.css” rel=“stylesheet” />
</head>
<body>
<form id=“form1” runat=“server”>
<div class=“container”>
  <div class=“row”>
      <div class=“col-md-12”>
          내비게이터 들어오는 곳
      </div>
  </div>
  <div class=“row” style=“height:200px;”>
      <div class=“col-md-3”>
          카테고리 들어오는 곳
      </div>
      <div class=“col-md-9”>
          카탈로그(Content) 들어오는 곳
      </div>
  </div>
  <div class=“row”>
      <div class=“col-md-12”>
          카피라이트 들어오는 곳
      </div>
  </div>
</div>
</form>
</body>
</html>

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.