changing navigation bar breakpoint in bootstrap 3.3.7 [closed] - html

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 5 years ago.
Improve this question
im making an navigation bar but when im setting the font size higher of my list it does not collapse good so i wanted to change the breakpoint. I saw many answers how to fix it but none of it worked so im asking if you guys know how i can fix this?

Best and easiest way would be to compile and download a custom Bootstrap CSS file by going to the Customize and download page from Bootstrap, adjusting the breakpoints of the media queries and finally clicking the button at the bottom of the page 'Compile and download'. It should be working for any version of bootstrap as far as I know.
Hope it helps you somehow.

Related

Need Help To Build A Navbar [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
How to build A Navbar Like This website (codewithharry) by Using flexbox
enter image description here
Pls Provide the source link Or explain me pls
or share the link of any tutorial
MAKE SURE TO USE FLEXBOX mostly And i dont want to use bootstrap
I would suggest you to use Bootstrap. Here's a link:
https://getbootstrap.com/docs/4.0/utilities/flex/
Good luck
You can find a basic Bootstrap 4 Basic Template with a NAV bar here:
https://www.w3schools.com/bootstrap4/bootstrap_templates.asp
Note that the primary difference between Bootstrap3 and Bootstrap4 is the switch from using floats to flexbox.
References:
A quick, concise video tutorial to flexbox
An excellent interactive cheatsheet for flexbox
A Bootstrap3 tutorial that includes a NAV bar - worth working through even for Bootstrap4

Show Nav menu on minimize screen [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
I have a side menu that i want to be show just when the user minimize the screen : (And will also appear on cell phones)
<button class="???" onclick="toggleMenu()">☰</button>
How can i do it ?
You'll need to make use of CSS media screen queries here to make sure your menu can account for smaller and larger screen sizes.
I'd recommend looking at something like Bootstrap or similar libraries to help you along the road with that.
Good link for reference: https://getbootstrap.com/docs/4.0/components/navbar/#responsive-behaviors
If you don't want to use Bootstrap and would rather make your own CSS classes to handle this, you'll have to experiment with examples such as this: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

Aligning images to right of slider - Wordpress [closed]

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I have had this problem earlier but I have changed themes as well as sliders. Therefore I tried to mimic what was shown to me before but I have not had any luck. Could someone show me how to find exactly which id / div it is I need to edit to move things around properly? How are you sure when you have hit the correct div to add css to? www.bwsurfshop.com Im just trying to get the image to go to the right of the slider instead of under it..
Thanks for the help again..
Try adding float: left; to the container of your slider (class soliloquy-container).
This the outcome in chrome (simulated using DevTools)

Page formatting messing up on different resolutions and footer not working in general [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I'm new to HTML and CSS and I don't know any other web languages. 2 Questions:
When my website (zarwanhashem.com) is accessed using a different resolution than the one it was made on the header area at the top isn't filling up the page and the text is going beyond it as well. I didn't have this issue at first. Why is it messing up? Also, I'm not sure if you can see my CSS from inspect element.
The footer I created isn't showing up. It was working fine last night and I honestly have no clue what changed that made it stop working now. It isn't showing up.
Let me know if you need any other details. Thanks for the help.
your footer is inside a misclosed comment <!--footer-> instead of <!--footer-->

Is the incorrect to use margins on the majority of your html object to arrange them? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
sorry about asking a question like this but I am just getting the hang on Dreamweaver and using margins seems harmless at the start but once I progressed in building my page objects seem to be out of place, is there something i can do to help with this?
Using margins everywhere will cause a problem when you resize your browser or check your website on a smaller screen.
You can check this website learnlayout.com to learn the basics of div based layouts.