Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Help with Bootstrap logo overflow

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #234903
    Dext3r
    Participant

    Noob here, I’m trying to achieve something like this

    http://i.imgur.com/3WFNg1f.png

    Here’s what I came up with:

    CSS

    .eye {
    position: absolute;
    background-color: black;
    width: 65px;
    height: 65px;
    top: 0;
    left: 17px;
    }

    .eye svg {
    margin: 8px 8px 8px 8px;
    fill: white;
    }

    .navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 50px;
    font-size: 18px;
    line-height: 20px;
    }
    Is there another way of doing it? Cause I feel like my way is wrong.

    Demo: http://codepen.io/anon/pen/avPgMJ

    #234904
    Shikkediel
    Participant

    Is there something not looking as it should or are you asking for general pointers then?

    #234905
    Dext3r
    Participant

    Hey thanks for your reply, I just wanted eyes on the code from someone who knows what he or she is doing. I’m really new to all this so I don’t feel like I’m doing anything right.

    #234908
    Shikkediel
    Participant

    Hard to write it all down but here’s my take – the more “natural” it’s built, so the less styling necessary, the cleaner it would be. Bootstrap already sets a few styles (you can check with developer tools) so I left these out.

    Link

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.