Sponsorlu

Asp net master page templates bootstrap nedir?

admin | 27 Ekim 2025 | Webmaster
  • Web Forms’ta (klasik ASP.NET) sayfaların ortak kısımlarını (header, navbar, footer, scriptler) tek yerde tutmanı sağlar.
  • .master dosyası şablondur; her içerik sayfası (.aspx) bu şablonu ContentPlaceHolder alanlarına doldurur.
  • MVC / .NET Core’da karşılığı _Layout.cshtml’dır (Master Page değil, “Layout”).

Basit örnek (Web Forms)
Site.master

<!DOCTYPE html>
<html>
<head runat="server">
    <title><%: Page.Title %></title>
    <link href="/content/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <a class="navbar-brand" href="/">Site</a>
  </nav>

  <div class="container my-4">
    <asp:ContentPlaceHolder ID="MainContent" runat="server" />
  </div>

  <script src="/scripts/bootstrap.bundle.min.js"></script>
</body>
</html>

Default.aspx

<%@ Page MasterPageFile="~/Site.master" Language="C#" %>
<asp:Content ContentPlaceHolderID="MainContent" runat="server">
  <h1 class="h3">Merhaba dünya</h1>
  <p>Bu içerik master sayfadaki MainContent alanına yerleşir.</p>
</asp:Content>

Template (şablon) ne demek?

  • Visual Studio’da proje başlatırken seçtiğin hazır proje şablonları (Web Forms, MVC, Razor Pages vs.).
  • Ayrıca UI tarafında hazır HTML/CSS temaları (Bootstrap temaları) anlamında da kullanılır.

Bootstrap nedir?

  • Mobil-öncelikli, grid tabanlı CSS & JS arayüz çatısıdır.
  • Hızlı responsive tasarım, hazır bileşenler (navbar, cards, modal, form) ve yardımcı sınıflar (spacing, colors) sağlar.

Üçü nasıl birleşir?

  • Web Forms kullanıyorsan: Master Page içine Bootstrap CSS/JS’yi ekle → tüm alt sayfalar otomatik olarak aynı stile sahip olur.
  • MVC/.NET Core kullanıyorsan: _Layout.cshtml’a Bootstrap’i koy → tüm View’lar aynı layout’u kullanır.

İpucu

  • Yeni projede isen Web Forms yerine ASP.NET Core (Razor Pages/MVC) + _Layout.cshtml tercih et; modern ekosistem, paket yönetimi ve uzun vadeli destek daha iyi.

İstersen sana Bootstrap’li minimal bir _Layout.cshtml ya da hazır bir navbar + footer Master Page iskeleti de çıkarayım.

Related Posts