Bootstrap 模板

TsgcHTMLTemplate_Bootstrap — 将任意 HTML 正文内容包装为完整的、独立的 Bootstrap 5 文档,支持可配置的主题、语言和文字方向。

TsgcHTMLTemplate_Bootstrap

sgcHTML 中最底层的文档包装器。将组合好的组件 HTML 赋值给 BodyContent,配置文档级设置,然后读取 HTML 属性即可获得一个包含嵌入资源、可直接部署的 Bootstrap 5 页面。

组件类

TsgcHTMLTemplate_Bootstrap

用途

完整的 Bootstrap 5 文档包装器

语言

Delphi, C++ Builder, .NET

赋值 BodyContent,读取 HTML

将渲染好的组件 HTML 设置到 BodyContent,可选配置 TitleThemeLanguage,然后读取 HTML 属性即可获得完整的、可部署的页面。

uses
  sgcHTML_Template_Bootstrap;

var
  oTemplate: TsgcHTMLTemplate_Bootstrap;
begin
  oTemplate := TsgcHTMLTemplate_Bootstrap.Create(nil);
  try
    oTemplate.Title       := 'My App';
    oTemplate.Theme       := htDark;
    oTemplate.Language    := 'en';
    oTemplate.BodyContent := oNavBar.HTML + oGrid.HTML;
    Response.ContentText  := oTemplate.HTML;
  finally
    oTemplate.Free;
  end;
end;
TsgcHTMLTemplate_Bootstrap *oTemplate = new TsgcHTMLTemplate_Bootstrap(NULL);
try
{
  oTemplate->Title       = "My App";
  oTemplate->Theme       = htDark;
  oTemplate->Language    = "en";
  oTemplate->BodyContent = oNavBar->HTML + oGrid->HTML;
  Response->ContentText  = oTemplate->HTML;
}
__finally { delete oTemplate; }
var template = new TsgcHTMLTemplate_Bootstrap();
template.Title       = "My App";
template.Theme       = TsgcHTMLTheme.htDark;
template.Language    = "en";
template.BodyContent = navbar.HTML + grid.HTML;
response.ContentText = template.HTML;

关键属性和方法

最常用的成员。

BodyContent

放置在文档 <body> 内的 HTML 片段;将 sgcHTML 组件的拼接输出赋值于此。

Title

文档头部 <title> 元素的文本内容。

Theme

htLighthtDarkhtSystem;在 <html> 元素上设置 data-bs-theme,使 Bootstrap 的颜色系统正确切换。

Language

<html> 元素上的 lang 属性;默认为 'en'

Direction

hdLTRhdRTL;设置 dir 属性以支持从右到左的语言。

HeadContent

在关闭标签之前注入 <head> 的额外 HTML;可用于自定义 <style> 块、<meta> 标签或额外的 <script> 引用。

继续探索

在线帮助此组件的完整 API 参考和使用指南。
所有 sgcHTML 组件浏览 60+ 组件的完整功能矩阵。
下载免费试用版30 天试用版包含 60.HTML 演示项目。
价格包含完整源代码的单用户、团队和站点许可证。

准备好开始了吗?

下载免费试用版,开始在 Delphi、C++ Builder 和 .NET 中构建 Web UI。