Twitter bootstrap 3 引导：是否可以在html/css代码中添加标题栏？_Twitter Bootstrap 3

Twitter bootstrap 3 引导：是否可以在html/css代码中添加标题栏？

twitter-bootstrap-3

Twitter bootstrap 3 引导：是否可以在html/css代码中添加标题栏？,twitter-bootstrap-3,Twitter Bootstrap 3,我使用的CMS主题包含了Bootstrap3的所有内容。是否可以在HTML/CSS中手动添加标题栏？我不确定那是不是该街区的正式名称。。。它是包含文本的紫色全宽块： CSS 全局CSS设置、使用可扩展类设计和增强的基本HTML元素以及高级网格系统。在以下链接中（例如）：此标题栏内置于我的主题中，可根据我选择的页面设计使用但是我想知道这个块是否可以与引导分开使用，比如导航栏、面板、well等组件，我可以只包含一些HTML/CSS代码，并将其显示在页面的主体中。例如，如果您查看它们的源代码，

我使用的CMS主题包含了Bootstrap3的所有内容。是否可以在HTML/CSS中手动添加标题栏？我不确定那是不是该街区的正式名称。。。它是包含文本的紫色全宽块：

CSS
全局CSS设置、使用可扩展类设计和增强的基本HTML元素以及高级网格系统。

在以下链接中（例如）：

此标题栏内置于我的主题中，可根据我选择的页面设计使用

但是我想知道这个块是否可以与引导分开使用，比如导航栏、面板、well等组件，我可以只包含一些HTML/CSS代码，并将其显示在页面的主体中。例如，如果您查看它们的源代码，它们使用的样式表名为

docs.min.CSS

，他们在这里定义了背景。除此之外，它只是一个简单的

。所以答案是肯定和否定。当然，在使用引导时，您可以将容器与您的CMS分开使用，但除非您从getbootstrap.com源中删除它，否则背景将不可用

编辑如果您看到他们的样式，他们在

docs.min.css

中使用此代码：

@media (min-width: 768px)
    .bs-docs-header h1 {
    font-size: 60px;
    line-height: 1;
    }
}

这意味着，当窗口宽度超过768像素时，h1的字体大小为60px。当您落在它下面时，此代码将被忽略，并应用默认的引导字体大小

编辑2 若要在其后面获得背景色，请不要将背景色应用于.container。在其周围环绕一个div，但不带宽度值。容器宽度不是全宽，因此如果对其应用背景，则其仅位于居中的容器后面

编辑3 一个简单的HTML结构应该是这样的（您仍然必须包括所有引导样式和默认HTML标记等）

<html>
    <body>
        <div id="bgColorDiv">
            <div class="container">
                <h1>My title</h1>
                <p>Paragraph below the title</p>
            </div>
        </div>
    </body>
</html>


我的头衔
标题下的段落

如果你查看他们的源代码，他们使用的是一个名为

docs.min.css

的样式表，他们在这里定义了背景。除此之外，它只是一个简单的

。所以答案是肯定和否定。当然，在使用引导时，你可以单独使用容器，但背景将不可用除非从getbootstrap.com源代码中删除它

编辑如果您看到他们的样式，他们在

docs.min.css

中使用此代码：

@media (min-width: 768px)
    .bs-docs-header h1 {
    font-size: 60px;
    line-height: 1;
    }
}

这意味着，当窗口的宽度超过768像素时，h1的字体大小为60px。当您在它下面时，此代码将被忽略，并应用默认的引导字体大小

编辑2 若要在其后面获得背景色，请不要将背景色应用于.container。在其周围环绕一个div，但不带宽度值。容器宽度不是全宽度，因此如果对其应用背景，则仅在居中的容器后面

编辑3 一个简单的HTML结构应该是这样的（您仍然必须包括所有引导样式和默认HTML标记等）

<html>
    <body>
        <div id="bgColorDiv">
            <div class="container">
                <h1>My title</h1>
                <p>Paragraph below the title</p>
            </div>
        </div>
    </body>
</html>


我的头衔
标题下的段落

如果你查看他们的源代码，他们使用的是一个名为

docs.min.css

的样式表，他们在这里定义了背景。除此之外，它只是一个简单的

。所以答案是肯定和否定。当然，在使用引导时，你可以单独使用容器，但背景将不可用除非从getbootstrap.com源代码中删除它

编辑如果您看到他们的样式，他们在

docs.min.css

中使用此代码：

@media (min-width: 768px)
    .bs-docs-header h1 {
    font-size: 60px;
    line-height: 1;
    }
}

这意味着，当窗口的宽度超过768像素时，h1的字体大小为60px。当您在它下面时，此代码将被忽略，并应用默认的引导字体大小

编辑3 一个简单的HTML结构应该是这样的（您仍然必须包括所有引导样式和默认HTML标记等）

<html>
    <body>
        <div id="bgColorDiv">
            <div class="container">
                <h1>My title</h1>
                <p>Paragraph below the title</p>
            </div>
        </div>
    </body>
</html>


我的头衔
标题下的段落

如果你查看他们的源代码，他们使用的是一个名为

docs.min.css

的样式表，他们在这里定义了背景。除此之外，它只是一个简单的

。所以答案是肯定和否定。当然，在使用引导时，你可以单独使用容器，但背景将不可用除非从getbootstrap.com源代码中删除它

编辑如果您看到他们的样式，他们在

docs.min.css

中使用此代码：

@media (min-width: 768px)
    .bs-docs-header h1 {
    font-size: 60px;
    line-height: 1;
    }
}

这意味着，当窗口的宽度超过768像素时，h1的字体大小为60px。当您在它下面时，此代码将被忽略，并应用默认的引导字体大小

编辑3 一个简单的HTML结构应该是这样的（您仍然必须包括所有引导样式和默认HTML标记等）

<html>
    <body>
        <div id="bgColorDiv">
            <div class="container">
                <h1>My title</h1>
                <p>Paragraph below the title</p>
            </div>
        </div>
    </body>
</html>


我的头衔
标题下的段落

不，它不在引导程序中，但很容易获取st