Bootstrap Tutorial for Beginners – 11 – Sidebar Menu Templates



https://i.ytimg.com/vi/tuuLDy1dev0/hqdefault.jpg



Facebook – https://www.facebook.com/TheNewBoston-464114846956315/
GitHub – https://github.com/buckyroberts
Google+ – https://plus.google.com/+BuckyRoberts
LinkedIn – https://www.linkedin.com/in/buckyroberts
reddit – https://www.reddit.com/r/thenewboston/
Support – https://www.patreon.com/thenewboston
thenewboston – https://thenewboston.com/
Twitter – https://twitter.com/bucky_roberts

Original source


47 responses to “Bootstrap Tutorial for Beginners – 11 – Sidebar Menu Templates”

  1. how can we adjust the display of side bar on clicking of button . The site on which Bucky is working has an elegant sidebar which gets displayed in an animated way (kinda slow)…….. how can i do that ?

  2. Thanks for explaining every part. I mean how else are we really supposed to learn by copy and pasting some code. This worked great for me. My only thing is, I can't get the button to go over the top of my navbar. I've tried a couple things like pull-left or even other menus but it won't go over the top of my navbar haha anyway great job dude, I will definitely be watching more of your videos.

  3. I copied the code from github but i get a blank area to the left of the navbar which not only looks stupid, but it also makes the content-part + blank area more than 100% wide. So i have a scrollbar because the content cant be contained within the window.
    Anyone have an idea?

  4. This doesn't work for me, I don't know why… I tried to remove all my code at the end and copied Bucky's code from the github but it didn't worked. I thought its jquery but after testing that, it was not the problem. Can anyone help or anyone had the same issue? Or anyone can give me a link to a nice tutorial where I can find the same thing but with bootstrap?

  5. where nested hover effect code..i wanna this .When i clicked back to small side it did not show me result of hover effect i give two time hover effect in nested menus of div it was show me nested div inside of parent div

  6. Hello,
    can anyone help me
    I did same as tutorial but it's not working once I click "toggle menu"
    I think there is an error in java script part, please check below

    <script>
    $("#menu-toggle").click(function (e){
    e.preventDefault();
    $("#wrapper").ToggleClass("menuDisplayed");
    });
    </script>

  7. Thanks for the tutorial! Got most of it working but one major thing!
    The links/tabs dont work! Nothing happens when I hover over it, and the browser doesnt even indicate that it should be link (ie no little link preview at the bottom of my window)

    I included all the CDNs and triple checked the code….

    Admittedly I am doing this inside of another project that I need this sidebar for… however I dont see any conflicting reasons as to why it wont work.

    I suppose I'll make a standalone thing to check but…. sigh… kinda pointless if this does not work in my current project.

Leave a Reply