last day (15 days later) » 

10:48
0
A: slides not moving in Bootstrap

Sercan SebetçiWhen I added the bootstrap.min.js and bootstrap.min.css reference to the project, I observed that it moves both automatically and manually: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c...

I have done everything but still
Just copy the code I developed and replace the images.
The project is already running when you press the "Run code snippet" button.
Does that mean the code Bootstrap placed in their doc site, would not work ever... because if I have to always reference yours anytime I need to use it... then they have a problem with their code
They explain everything on the Bootstrap website: Getting Started Bootstrap. Once you include these dependencies in the project, you use other components. I understand what you mean. The component pages do not explain that these references should be given.
For example, when you go to the Buttons page, it does not tell you that you need to add the references we mentioned. Because they explain this in the Introduction page, they don't need to repeat it.
Once you add the references, you don't need to add anything else to the project.
so what is the solution then... I did everything I was asked to do... I added the js code and css code, read the instructions but still... is there another code for the buttons too
10:49
Buttons are the main component; You don't need to add anything extra for them.
this is getting really frustrating and unlucky on my side...
Check out the examples in this link.
I was following a tutorial by Angela Bauer from App brewery, and it has been going on well up to now..
As you said, there is only one possibility left: version differences.
We are currently using Bootstrap 5.1. We are talking about it and the references we share are compatible with Bootstrap version 5.1.
When you go to the Bootstrap page, you will see the version on the top right in the "Introduction" section.
Check out the examples in this link.
Are you following this repository?: github.com/angelabauer/web-development-bootcamp
that one too was a sham, when I implemented bootstrap v5 I couldn't even get the hidden the navbar to work when the screen is reduced to smaller sizes as that of a tablet ipad or mobile phone.. so i decided to use bootstrap 4 and it worked until now.
10:58
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
This page uses Bootstrap 4.3.1 for example.
yh I am following that repository
@SercanSebetçi ok
Force yourself to use Bootstrap 4 if you are following these examples. In this case, our suggestions may not work.
If you are going to use Bootstrap 4.3.1, check the examples on this page.
hmm... this is really frustrating and discouraging for me, I just started learning bootstrap and web development in general
Because class names and properties change slightly between Bootstrap versions.
yh I noticed
I could do with bootstrap 5 but I don't seem to get any response
11:02
The only problem with Bootstrap may be the transition between versions, but I'm sure you'll find out soon.
ok... thanks by the way I will try to figure it out and get back to you
11:19
it is coming.. I tried to painstakingly add the starter template and all my work... and it is sliding now
the second problem is that the hidden nav is not appearing when I click the button when the screen reduces size
 
2 hours later…
13:04
I have fixed that one too

last day (15 days later) »