Question

我想要一个与navbar-inverse颜色相同的页脚，但我无法弄清楚实际的CSS渐变。是否可以使用navbar-inverse类来制作页脚？或者创建渐变navbar-inverse的确切行使用？

谢谢！

Answer 1

这是倒置导航栏的css。

.footer {
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222222, #111111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  background-image: -webkit-linear-gradient(top, #222222, #111111);
  background-image: -o-linear-gradient(top, #222222, #111111);
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  border-color: #252525;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}

Answer 2

我同样的问题，这是我的工作：

-----------------
<footer class="footer">
    <div class="container">
        <p class="">&copy; 2016 BNSON, Inc. | <a href="https://bnson.blogspot.com/">https://bnson.blogspot.com/</a></p>
    </div>
</footer>
------------------

和.footer类中的新CSS：

-------------------
        .footer {
            padding: 15px 0px 10px 0px;
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
            font-size: 14px;
            line-height: 1.42857143;
            color: #fff;
            background-color: #222;
            border-color: #080808;          
        }
------------------

navbar-inverse CSS gradient /// footer

2 个答案: