Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

bootstrap dropdown "caret" menu problems

Hi guys I'm following along the course CSS-Framework basics I'm on he prototyping with bootstrap.

I cant seem to get the "caret" icon to show :(

has anyone got any ideas as to why this could be?

Sorry to be such a pain, thanks for any help in advance

Rich

<p> <!-- Navbar -->
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand text-muted" href="#">Ribbit</a>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav navbar-right">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">About Ribbit</a></li>
            <li class="dropdown"> 
            <a data-toggle="dropdown" data-target="#">Treehouse<b class="caret"></b></a>
            </li>
          </ul>
        </div>
      </div>
    </div><!-- End navbar --> </p>

6 Answers

Hi guys I feel an absolute tool!! I had the wrong html file open in chrome so hence why I was not seeing all of the updates that I had done while following this video! All works perfect sorry to taken up anybody's time if they have read this.

Apologies sorry guys

Glad you sussed it :) May I ask why your navbar is wrapped in a paragraph tag?

thanks Ash :) I just followed the videos and I think that is why its wrapped in a paragraph tag

Hey Richard, I see. When building a website, especially with a framework, try not to wrap the navbar in P tags, because everything inside will inherit the frameworks styling for the <p> tags (if it has it!)

Yeah no problem - always happy to help a fellow developer :)

ahh yes ok thank you for the feedback i will make sure I remember that next time :)

No problem - we're all here to learn and/or help one another!

thats very true :) i'm learning on the job as this is my first graduate web developer job, I know how to create sites but my boss just wants me to have a rock solid foundation. So I thought i would join treehouse, one of my good mates (another fellow web developer) signed up a few years ago and has been raving on about it for ages to me.

I have learnt so much about CSS so the past few weeks its brilliant! There was stuff I wanted to do never knew how to do it because I thought I would end up loosing my temper and now implementing them into 6grand plus websites at the firm I work for!

Oh awesome, good to hear! Always good to expand your knowledge and stuff - if you need any CSS help, feel free to poke at my profile and email or message me on LinkedIn - it's my job to write CSS lol :)

Good luck with the learning my friend!

ahh brill thanks so much if thats ok? I have been told i can be a really good developer I just need to belive in myself more... that is now happening :)