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
Related
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 3 years ago.
Improve this question
I am looking for ideas for ways that I can best create nested boxes as shown in the image below. Ideally I would like to do this in HTML with CSS but I can also leverage a framework like bootstrap or similar for styling.
https://imgur.com/a/bFiyzkV
I would like to also be able to link to other pages as a user clicks on the label within each box for additional details on a separate page.
I have basic HTML/CSS experience.
Thanks,
Bob
This can be achieved using the CSS Grid spec - see nested example:
https://gridbyexample.com/examples/example21/
Or using flexbox (which is how Bootstrap do it) see:
https://getbootstrap.com/docs/4.3/layout/grid/#nesting
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.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
Please help me, I'm very new to web development. So far I've only learned how to make non-responsive webpages. I'm self-teaching myself everything and I'm getting confused with responsive design. What is the best approach to making a responsive webpage if your project has its own customized theme?
How do you learn all the classes in bootstrap? I'm so lost at using bootstrap, how are you supposed to know all the classes to utilize when you want to make or adjust things?
My mind is scattered right now I may not be asking the exact question that I have in mind.. But basically all I want to know is if I should use media queries for a responsive customized theme webpage or should I learn bootstrap? thanks in advance
bootstrap has some ok documentation and starter code for most of their components and snippets on how to use their different css classes.
You can find information about how to use their different classes here:
http://getbootstrap.com/css/
You can find information about how to use their different components (plus code examples) here:
http://getbootstrap.com/components/
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 a junior .NET developer and our company has a ton of code in their main application. All of our css for the web application is using bootstrap 2.3. I've been assigned the task to migrate from 2.3 to the new 3.0. This update has a ton of major changes. I'm looking for any and all suggestions on how I can make this work efficiently without having to go into each file and change the class.
Container fluid and row fluid are now just container and fluid. These classes are probably on every single html page in our application. Please help me :)
Bootstrap 3 is a major upgrade. You will have to "manually" update the classes in each file, and in some cases change the structure of your markup. There are some tools that can help..
See:
Updating Bootstrap to version 3 - what do I have to do?
http://upgrade-bootstrap.bootply.com
Use the find and replace for entire solution.
Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 10 years ago.
Improve this question
I am thinking on adding some elements from twitter bootstrap to my current web application. This would help me to be more effective in some parts of the web development process. I do consider my self good at css and I have always built my sites from the ground up.
Is it viable to use some parts of twitter bootstrap, like the grid system? And then use my own custom classes for styling etc? Or should you go all out and use every aspect of bootstrap, and customize the bootstrap classes?
Thanks,
James
In case, you want to have bare minimal code that's necessary for your styling and you are comfortable in extending/ re-integrating as and when need arises in future then can use those particular bootstrap parts which you want and can style them as you want and can leave the unwanted bootstrap features..
But if you don't mind some extra code, that may add to your page load time, then you can go for the whole of the bootstrap.
In either of the cases, it would be better to leave the core bootstrap code unaltered and write your own code for added/modified functionality. This will give you the option of using the bootstrap styling in case if need arises in future and also you can straight-away update bootstrap files when updated versions arrive..