how to create a vertical navbar which has social meadia links
Divesh kumar () - 7 years ago - Reply 0
Hello. I think someone else had this question also but I didn't see an answer.
I'm a newbie to modern web dev, til now, an old-school, legacy programmer. I have got your code working on my server but, when the left nav is expanded, the small-nav is hidden behind the expanded navbar. I would like to move the small-nav over just to the right of the expanded navbar when it is opened so it can be re-collapsed.
Here's a link to a picture showing the small button is missing (behind the navigator)
http://imgur.com/oVXMs9I
A year from now, I will look back at this and laugh at my ignorance, but right now, it is a pain.
Please help me.
Thank you.
Carleen
EDIT: later, I noticed the same thing happening in the preview window on Bootsnipp:
before - http://imgur.com/GMOS9Mu
after - http://imgur.com/Vz49944
carleen () - 8 years ago - Reply 0
THANKS! This is great. My first time posting so I hope I am allowed to post code. I made a minor modification to help those who want the nav to resize with the page.
CSS.
Add this after body
body.on {
padding-left: 265px;
}
JS
Add this to both functions in javascript
$('body').toggleClass('on');
Billy Chen () - 9 years ago - Reply 0
hello mouse0270
how can i do it on my page? i try to copy your code and add the other file from bootstrap 3.1 and when the page load the nav-open and nav-close are displaying at the same time and when i click it the sidebar will show and the nav-open and nav-closed will disappear.
carla () - 10 years ago - Reply 0
Quick question, how do we have the same username?
You should just have to replace the span with an img tag. The only thing is to make sure you image is the same size as the font.
mouse0270 () - 10 years ago - Reply 0
oh I also don't know about that ,thanks for the quick reply ,I mean instead of before icons
lakindu () - 10 years ago - Reply 0
hi ! 1 question for delete a color choice and have only a default color what i change ( all time i had try the result is a mess ) ?
thanks @mouse0270:disqus for this work !
a far friends () - 10 years ago - Reply 0
Sorry but I am having a hard time trying to figure out what you are asking.
mouse0270 () - 10 years ago - Reply 0
hello all !! .. i'm a beginner , i see this wonderful work , i want ask i want move the bar from left side to right side , what i must change ? thanks
ste75 () - 10 years ago - Reply 0
in the class `.navbar-twitch` you'll want to change `left` to `right`
mouse0270 () - 10 years ago - Reply 0
@mouse0270:disqus hi! How can i do it on my page? Im a newbie in using bootstrap.. pls. help me. what i have for now is the basic code to implement bootstrap on my page. I really want to create somthing like this. can you please help me? thanks.
aster () - 10 years ago - Reply 0
Sorry for the delay. One of the things I hate about disqus is I don't always get notified when someone comments. I would need to see your page to be able to help with implementation.
mouse0270 () - 10 years ago - Reply 0
hi! How can i do it on my page? Im a newbie in using bootstrap.. pls. help me. what i have for now is the basic code to implement bootstrap on my page. I really want to create somthing like this. can you please help me? thanks.
-aster- () - 10 years ago - Reply 0
Really nice work !
But in some case text is behind your navbar, could you fix it ?
Julien () - 10 years ago - Reply 0
Could you provide me with the browser you are using. I use chrome and it seems to work with out any issues.
mouse0270 () - 10 years ago - Reply 0
Just noticed it on a Mac Book Pro 13" using Chrome (Version 34.0.1847.116) with minimal width allowed by browser (manually resized)
Don't hesitate if you need any new informations ;)
Julien () - 10 years ago - Reply 0
could you provide me with a screen shot. I am using the same version on windows 7 with no issue... the button come a little close to the scrollbar, but other than that it seems to be fine.
mouse0270 () - 10 years ago - Reply 0
Here is 2 examples of what I see :
http://i.imgur.com/E8jRmUs.png
http://i.imgur.com/DOgNeVq.png
Julien () - 10 years ago - Reply 0
WOW do I feel stupid. You were talking about the content text not the navbar text. haha. Check it out now. To fix the issue you just have to add a left padding of 65 to the body of the document.
mouse0270 () - 10 years ago - Reply 0
Obviously I wasn't clear enough ;)
Works perfectly now !
Thanks for your time !
Julien () - 10 years ago - Reply 0
No thank you, I hadn't even thought about the content. haha. I was way to focus on the navigation. I am glad you pointed it out and helped me resolve the issue.
mouse0270 () - 10 years ago - Reply 0
exactly what i have been looking for.......tanx man u r the bomb
Oyeleye mustapha () - 10 years ago - Reply 0