I'm creating a web page
The layout has been created to respond to the resolution using the bootstrap
It's pretty well set up.
An error occurred in the navigation bar at the top.
The menu on the left and the content on the right of the navigation bar overlap
Media? I want to write so that the text can be changed depending on the resolution of the query and so on. What should I do?>
an example book
How can I write it so that it is exposed to English when it is above 561px and expressed as ES when it is below 560px?
First of all
Write both <div>English</div> and <div>ES</div>
561px for <div>English</div> for 560 or less <div>ES</div>
I'd like to write it as
If you're using Bootstrap, you can take the .d-*-none class that's ready for you. Note Link
<!-- Originally invisible, it is visible from then on when the window width exceeds the sm standard width -->
<div class="d-none d-sm-block">English</div>
<!-- Originally visible, but when the window width exceeds the width of the sm standard, it is not visible from then on -->
<div class="d-block d-sm-none">ES</div>
Take this opportunity to take a look at the official Bootstrap document and go through it all. Later, the number of shovels decreases drastically.
© 2024 OneMinuteCode. All rights reserved.