Bootstrap Navbar hover weirdness - hover

Im new. I would love to get some help with why you think this might be happening. Thanks!
So I'm creating a site for a family member's business but the bootstrap nav bar
has some background box when its "active" from ScrollSpy. Please note the background is suppose to be transparent.
Problem

I fixed it! Thank you chrome for being able to temporarily disable css. It was due to Bootstrap's min css file with active modules, in what I couldnt edit due to my css not having it

Related

CSS navigation bar hover not activating

I have been trying to make this seriously simple hover for my portfolio website but after testing with every single existing option I do not seem capable of managing to work.
I have read lots of threads about this issue but none seemed to give a proper solution which worked.
Please find below an image of the code I have for my nav bar:
Image
It is really not hard but the hover is stubborn.
I have traded and modified everything and I am now out of hopes.
Can any of you be so kind and see what could be the cause for this?
PS: It is not the final hover form since I was simply testing.
I finally managed to fix the issue!
It was as simple as it looked, basically had a z-index bigger than the nav div and when I changed this it started working.
Thank you all for your time I hope this somehow helps anyone else who's troubled.
Please remove the class animated & zoomIn from it. These class are from animate.css so it might create an issue.

Bootstrap carousel collapses

I've just got the problem that I've never faced before. So, I've got Bootstrap Carousel on web-site, the problem is that carousel collapses the next slide. It just dissapears. Looked over the code - didn't find any mistakes. Can you help me?
Web-site - http://www.navigator-surgut.ru
Image 1
Looks like MooTools is modifying the top margin of the carousel's container element. Not sure how/why though.
Disabling MooTols worked for me pretty well.

Tumblr theme sidebar and infinite scroll?

I have a question regarding a simple tumblr theme I'm trying to make.
I've never really done a theme before and can't find specific information on what I'm trying to do.
I need to get the sidebar links to be links that you can hover over, and also be able to space the "About" from the main text without having to put white text beneath.
I also need to space the bottom of the posts with the bottom of the page more, because as you can see there's space at the top but not the bottom...
The last thing is that I need to get infinite scroll on my page so there's no need to change pages.
How do I get the sidebar and every post to be slightly bordered, the same color as the lines on the background?
I know that these are very simple questions, but I'm new to this and confused. Thanks so much!
The website name is jake-bellissimo.tumblr.com
And the code is:
http://pastebin.com/FeHSKSdu
Thanks so much!
I confess I've never made a tumblr theme, but it looks like it's some basic CSS that you need.
:hover pseudo selector and padding (box model)
Again, look at padding/margin (box model)
Infinite scroll implementation will require some custom javascript and server side code. Not sure if tumblr supports this.
Borders are also achieved with the css border property border
You'll probably need to read up on CSS before you try making a theme for tumblr. Again, I'd recommend the articles on Mozilla developer network

CSS conflict bootstrap

I'm making a website for an event, then I've added a countdown to it, but my footer and the button above it, are behaving differently in the page where the countdown is present.
I've come up with this:
the countdown is good as far as it's connected to a Bootstrap CSS;
That Bootstrap CSS makes my footer and button change aspect;
My question is: how do I make the countdown stay and work with the footer and button aspect unchanged?
This is the page of the website which doesn't work: http://goo.gl/mH9nLh
And this is the one which works:
http://goo.gl/24SZxQ
I'm not linking you the code 'cause I don't know where the error is, this way you'll be able to see each part of code and mostly: what should I take from that Bootstrap css file or some other tricks to get around the problem.
If you need anything please don't ignore this question, rather leave a comment I'll text back instantly!
I checked the 2 links you pasted above.
There is a main.css file which is included in the second link , which has styles for the table and it's subsequent child classes.
The same is not available in the first link and this is the reason you are seeing 2 different styles.
Please include the same set of css files in both the pages so that I can better debug the possible problem areas.

Bootstrap .container appearing wider than supposed to be

I was creating a website with Bootstrap and I realized that without adding any css or js, my websites was appearing much wider and the font size was larger than it should be.
Please see these images to see my problem http://imgur.com/a/sEdcA and please let me know if you know what is wrong.
Thank you very much.
You have zoomed your browser view nothing else is wrong with it. Just click the marked magnifying glass to fix it.