Help make this button:

* enter here the description of the image *

It is this highlight. On the left, the usual button without guidance.

Closed due to the fact that off-topic participants aleksandr barakin , D-side , user194374, Vartlok , sercxjo 7 Apr '16 at 13:01 .

  • Most likely, this question does not correspond to the subject of Stack Overflow in Russian, according to the rules described in the certificate .
If the question can be reformulated according to the rules set out in the certificate , edit it .

  • If you are given an exhaustive answer, mark it as correct (a daw opposite the selected answer). - Nicolas Chabanovsky ♦
  • four
    I vote for the closure of this question, because it is useless for the knowledge base: the meaning of the question is “described” by a picture, not by words. - aleksandr barakin

2 answers 2

Do not have to do through Bootstrap. For example, you can do it through CSS.

With regards to color - you can find out the color through the utility "Colorimeter Digital Color (Mac OS)" or through some Windows application. It is best to look at the code of the element, where you took this color and that's it. You can of course do it through JavaScript, but I think better through CSS. Here is a link to colors (for example from a search): Color names in HTML, CSS and JavaScript

If you want to do it through Bootstrap, then you need to go to their official website and find what you want there. Here is a link to a Russian-language website: Bootstrap

<style> .buttonChangeColor { text-decoration: none; color: #A9A9A9; } a.buttonChangeColor:hover { color: #FF4500; text-shadow: 0 0 1px #FF4500; } </style> <a href="#" class="buttonChangeColor">Кнопка</a>

    Pure CSS3, Bootstrap does not affect, but does not interfere with anything.

    Example

     .about { text-decoration: none; color: #666; padding: 20px; font: 20px/40px Roboto, sans-serif; position: relative; transition: all .2s ease; } .about:after { content: ''; position: absolute; border: 10px solid darkorange; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; left: calc(50% - 5px); transition: all .2s ease; bottom: -5px; opacity: 0; } .about:hover { color: darkorange; text-shadow: 0 0 1px darkorange; } .about:hover:after { bottom: 0; opacity: 1; } 
     <a class="about" href="">О компании</a>

    • A good example, I liked it) - Denis Bubnov
    • @DenisBubnov oh, thanks :) - malginovdesign