Twitter bootstrap 如何包装一个容器，使其具有使用引导的背景渐变？_Twitter Bootstrap

Twitter bootstrap 如何包装一个容器，使其具有使用引导的背景渐变？

twitter-bootstrap

Twitter bootstrap 如何包装一个容器，使其具有使用引导的背景渐变？,twitter-bootstrap,Twitter Bootstrap,如何包装一个类容器，使其具有100%的背景渐变？但我不想把它应用到整个身体上。只添加到容器。为例如的container div元素添加一个类这里有一些内容在Css文件中包括 .wrapclr { 背景梯度：你的选择； }不确定您的意思是希望容器100%占据屏幕，但假设是这样，您需要将html和正文设置为100%高度，在其中放置一个100%高度的容器，然后将渐变添加到容器中，或者在容器旁边添加第二个类 CSS HTML 有梯度的容器 ... 这就是它的作用：您也可以直接将.gradi

如何包装一个类容器，使其具有100%的背景渐变？但我不想把它应用到整个身体上。只添加到容器。

为例如的container div元素添加一个类


这里有一些内容

在Css文件中包括

.wrapclr
{
背景梯度：你的选择；
}

不确定您的意思是希望容器100%占据屏幕，但假设是这样，您需要将html和正文设置为100%高度，在其中放置一个100%高度的容器，然后将渐变添加到容器中，或者在容器旁边添加第二个类

CSS

HTML


有梯度的容器
...

这就是它的作用：

您也可以直接将.gradient中的css添加到容器中，但通过这种方式，您可以通过向任何元素添加.gradient类来向其添加渐变

html, body {
  height:100%;
  margin:0px;
}

.container{
  height:100%;
}

.gradient {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.0)));
}

<html>
  <body>
    <div class="container gradient">Container with a gradient</div>
...