1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Navigation menu problem with bootstrap

Discussion in 'HTML & Website Design' started by jahidbd284, Jul 26, 2013.

?

How to change default nav menu of bootstrap using less file?

  1. Html and Css

    1 vote(s)
    50.0%
  2. Bootstrap

    1 vote(s)
    50.0%
  1. #1
    I am using bootstrap for making a web page. But due to be a newbie I faces some common problem.

    <ul class="nav inline">
    <li><a href="index.html">Home</a></li>
    <li><a href="">Services</a></li>
    <li><a href="">Portfolio</a></li>
    <li><a href="">Our clients</a></li>
    <li><a href="">Contact us</a></li>
    </ul>
    How can change the default a:link, a:hover,a:active tag using creating a custom.less file?
    jahidbd284, Jul 26, 2013 IP
  2. kk5st

    kk5st Well-Known Member

    Messages:
    2,906
    Likes Received:
    191
    Best Answers:
    9
    Trophy Points:
    190
    #2
    Forget the 'less' crap. Put the values you want in your css stylesheet. Why ever would you want to screw around with some preprocessor wrapper before you even know what you're doing in the first place?
    kk5st, Jul 26, 2013 IP
    sarahk and deathshadow like this.
  3. deathshadow

    deathshadow Prominent Member

    Messages:
    5,975
    Likes Received:
    824
    Best Answers:
    144
    Trophy Points:
    395
    #3
    What gary said, and toss that bootstrap asshattery out the window too while at it.

    Bad enough you're wasting time with the fat bloated pile of idiotic crap known as bootstrap, defeating the entire point of even using CSS in the first place, without smearing it all over the carpets with "less".
    deathshadow, Jul 26, 2013 IP
  4. jahidbd284

    jahidbd284 Greenhorn

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #4
    Thanks for your recommendation. I am agree with you. But it saves the time...I will try to follow your suggestion..
    jahidbd284, Jul 27, 2013 IP
  5. Enursa

    Enursa Active Member

    Messages:
    261
    Likes Received:
    3
    Best Answers:
    1
    Trophy Points:
    75
    Digital Goods:
    1
    #5
    Dont forget to add " !important " in css code.
    for example ....
    Code (Text):
    1. a:link, a:hover,a:active {
    2. color: #000 !important;
    3. font-size: 14px !important;
    4. font-weight: 100 !important;
    5. }
    It help browser to choose the priority css to use. Or you can ignore (mean not use !important tag), if you put the custom css sheet first before the bootstrap css in header.
    Enursa, Aug 2, 2013 IP
  6. jahidbd284

    jahidbd284 Greenhorn

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #6
    Thanks. I need a tutorial of lynda. But i am unable to buy this. If anyone help me to to share with me,I will be really grateful.
    Tutorial name:
    Bootstrap 3: Advanced Web Development
    jahidbd284, Aug 27, 2013 IP
  7. kk5st

    kk5st Well-Known Member

    Messages:
    2,906
    Likes Received:
    191
    Best Answers:
    9
    Trophy Points:
    190
    #7
    Saves time? I call BS. You've been screwing around on this for a month instead of simply learning to do it the right way.
    kk5st, Aug 28, 2013 IP