bubbly | Better SSL in Nginx in 10 minutes | TLS library

I am learning Bootstrap through a Coursera course and one of the exercises has me make a toggled drop down menu for mobile screens. I have the code copied exactly as the instructor has it, but in my browser, the drop down menu wont drop down--it is just a button that does nothing when clicked. I figured this probably has something to do with the Bootstrap javascript packages not properly being loaded in or something, but I am not sure. Any help would be much appreciated. I have included my HTML here. I am quite certain the path to the directories where the js files are all correct.

I pass the course, I did everything according to the video and instructions, but then there was a problem that when you click on the button ( pause symbol), it does not change to play symbol. But there is block is working

What should I do?

Javascript/CSS/HTML

I'm new to XSLT and while transforming XML to HTML is fairly doable, I'm struggling with transforming XML to XML. What I want to do should be fairly straightforward, but I'm hopelessly stuck. Consider this XML file:

Good day.

Learning web-development and trying to make a button to collapse the navbar. Checked answers in previous similar questions but didn't find the answer that helps me.

I've to give IDs for data-target, have a correct order in the scripts (JQuery - Popper - Bootstrap), made it as in the example from my learning video lessons. Save it - click on the toggler-icon button but nothing happened.

Here my code. Where am I wrong?

I am working on a library that will consume and process JSON from a Graph API (the Users/Mail interface) and I wanted to build in a process to validate the JSON coming from Graph before I try to process it.

I wanted to use a JSON Schema to validate (https://www.newtonsoft.com/json/help/html/JsonSchema.htm) but I can't seem to find the schema for any response, but these are the important ones for me

I have this test page. I added some JS to make the nav bar hide and show based on scrolling up or down, and that's fine, everything is working, except: When I scroll down, so the navbar APPEARS, it has transition: all 3s; (I set it to 3 seconds so it's obvious), but when I scroll down, so the the navbar DISAPPEARS, the transition time doesn't apply.

NOTE: I noticed that the more transition time I give to the navbar when I scroll down, the more transition time will have when I scroll up, but only in proportion:

EXAMPLE: If I give the navbar transition: all 3s; when it disappears will have something like .5 seconds of transition, if I give it transition: all 6s; when it disappears will have something like 1 second of transition. So if I want to set a reasonable transition time like transtion: 1s; or transition: .5s;, when I scroll up the navbar's transition will appear to be instantaneously.

What can I do?

I have this test page. As you can see from the demo, I want the menu bar with the links to disappear to the right when the burger icon is not toggled, but overflow: hidden; doesn't seem to work.

Also, I noticed that if I hide the menu on the LEFT, so with a negative value: transform: translatex(-120%); instead of: transform: translatex(120%); I don't have this problem even without specifying overflow: hidden;.

I also tried giving a width to the body, 'cause I thought "how can it know where to stop 'spilling' content if I don't tell it?", but quiz-show wrong answer sound. :)

What am I doing wrong?

(By the way, this is the first time posting a snippet with some JS inside! Feel powerful :) )

I am using bootstrap 4 for a project. When I toggle the navbar it overlaps with the content that follows it, how can I make the rest of the content move down to adjust for the dropdown?

I've added a 50px margin to my body.

I don't know why the snippet is displaying the header a little transparent. This is how the site looks on my browser:

I've created a component for a hint bubble. Here my the HintBubble component: