如何在CSS中使用Bootstrap 3渐变作为背景？ [英] How to use Bootstrap 3 gradient for background in CSS?

问题描述

我需要帮助。

如何使用 Bootstrap 3 渐变？

我该怎么办？
如果应该在CSS上设置渐变，那么如何？
我尝试这样：

i need help.
How can use Bootstrap 3 gradient ?
what should i do?. if the gradient should be set on the "CSS", so how? i've try like this:

.footer {
  margin-top: 20px;
  background-image: #gradient >.vertical(#4F364C, #FFFFFF);
}

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet" />
<footer id="footer" class="footer">
  <div class="row row-footer">
    <div class="col-xs-6 text-left left">
      <small>© 2015 newbiecom</small>
    </div>
    <div class="col-xs-6 text-right">
      <small>Support: Bootstrap Fontawesome</small>
    </div>
  </div>
</footer>

但是，它是不行。

推荐答案

线性渐变 是：

linear-gradient(  [ <angle> | to <side-or-corner> ,]? <color-stop> [, <color-stop>]+ )
                  \---------------------------------/ \----------------------------/
                    Definition of the gradient line        List of color stops  

where <side-or-corner> = [left | right] || [top | bottom]
  and <color-stop>     = <color> [ <percentage> | <length> ]?

.footer {
  margin-top: 20px;
  background-image: linear-gradient(90deg, #4F364C, #FFFFFF);
}

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet" />
<footer id="footer" class="footer">
  <div class="row row-footer">
    <div class="col-xs-6 text-left left">
      <small>© 2015 newbiecom</small>
    </div>
    <div class="col-xs-6 text-right">
      <small>Support: Bootstrap Fontawesome</small>
    </div>
  </div>
</footer>

这篇关于如何在CSS中使用Bootstrap 3渐变作为背景？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！