2013-05-27 7 views
-1

Я хочу нижний колонтитул того же цвета, что и navbar-inverse, но я не могу понять фактический градиент CSS. Можно ли использовать класс navbar-inverse для создания нижнего колонтитула? Или точные строки, которые создают градиентные навигационные обратные применения?navbar-inverse CSS gradient /// footer

Спасибо!

+0

использовать это, чтобы ввести значения HTTP: // WWW .colorzilla.com/gradient-editor/и нажмите кнопку «reverse». –

ответ

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); 
} 
+0

есть разные перевернутые стили navbar, которые вы не должны жестко кодировать любым CSS самостоятельно –

0

Я такая же проблема, и это мой рабочий:

----------------- 
<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> 
------------------ 

и новый CSS в .footer классе:

------------------- 
     .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;   
     } 
------------------ 
+2

Вы говорите, что у вас есть такая же проблема, и вы хотите разрешение? Или код отвечает на вопрос? – Tunaki