I've a website: http://renaatdelporte.be/RESURGE_test/
I want the navbar logo to have he same size when you scroll.
I don't want the logo to have another size than the one you see when you arrive on the website.
Thanks!
try to add this in your navbar class :
data-spy="affix" data-offset-top="197"
you can read more about affix here: https://www.w3schools.com/bootstrap/bootstrap_affix.asp
Related
I want the homepage of my webpage to have a fixed background image in between the navbar and footer with a smaller carousel box in front of the background image. I've looked around and haven't found anything that looks like this. I kind of don't know where to start. Is it possible?
The tag that contains your entire main content add a CSS background to it
Below navbar
Till footer
background:url(link);
Then use your slider as you would normally
So I am using this navbar class : navbar navbar-inverse navbar-fixed-bottom Which I use to display a bar at the bottom of the page.
Is it possible to somehow make it smaller in height than 40px?
Saw a lot of posts about similar thing like this for exaple: Decreasing height of bootstrap 3.0 navbar
But none of them worked for my navbar after modifiyng the names.
Try this
nav{
min-height:30px !important;
height:30px;
}
And similarly decrease the size for other contents inside
jsfiddle http://jsfiddle.net/harshdand/0woqrLdL/
Updated one:
http://jsfiddle.net/harshdand/0woqrLdL/1/
I made a fixed navbar, but when I scroll you see the navbar behind the other images. I don't know what I am doing wrong. Here is a link with the navbar (it supposed to fit in the white bar but in Dreamweaver it all looks good).
So I want the fixed navbar that scrolls over all the divs. Please help.
Thanks
Could you use in your CSS the z-index property?
Like so:
z-index:999;
Im using twitter bootstrap and really enjoy it as im not used to do webpages. Have a question though, i have a round logo and i would like to place it on top of a navbar - like shown on the image.
I can add an image inside the navbar, but as shown here i somehow want to put it on top of the navbar where as the logo will be larger than the navbar and look like on the picture.
Basically i would like to have a large circle (the logo) where the navbar will go through it in the middle with the logo on top.
can this be done ? thanks
edit : cant post pictures :(
Hard to say what you want exactly without having the image, but here is a guess:
Add the logo inside the block of your navbar and then, to your CSS file, set your image to have position: absolute and adjust the position by using, for instance, left and top.
I want to align the footer (Bootstrap navbar) on bottom of screen (Browser area), without using fixed navbar.
if the content height less than the screen height , show "navbar" on bottom, otherwise use scrollbars normally.
I tried with navabr-fixed-bottom, but it always shows the navabar, even if the content height is larger.
<!-- FOOTER -->
<div class="visible-desktop navbar navbar-fixed-bottom">
...
</div>
Can anyone help me please?
Thanks
Not sure if Bootstrap has this kind of build in functionality, here is simple trick which may be helpful, but it requires you do have fixed height of the navbar.
How to keep footers at the bottom of the page