1 Correct answer
See if the example code below helps:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example Navigation</title>
<style>
.main-nav {
background-color: #000;
}
.main-nav ul {
margin: 0;
padding: 0;
display: flex;
}
.main-nav ul li {
margin: 0;
padding: 0;
list-style: none;
}
.main-nav ul li a {
text-decoration: none;
background-color: #000;
color: #fff;
display: block;
padding: 10px 15px;
}
.main-nav ul li a:hover {
background-color: orange;
color: #000;
}
</style>
</head>
<b
11
Replies
Anyone who is aspiring to become a 'professional' developer does not use Dreamweaver.
By @BenPleysier
I think it might still be popular amongst students...........mainly because their mentors aren't usually qualified enough to know alternative workflows exist. We get a fair few students post in this forum using DW for class work, entry level exposure to coding.
I am trying to use Flexbox instead of Bootstrap can the two be used together?
For example, use Bootstrap for the navbar, then keep doing the rest of the website with HTML and Flexbox
By @Stephan5FE6
Sure, you can use Bootstrap for the navbar and then use flexbox for the rest of the website, although the Bootstrap grid system now uses flexbox as default, so not sure why you would want to abandon Bootstrap for the main structure of the website If you are using it for the navbar...........but yes, you can mix and match for sure.
The only possible caveat being you need to make sure you use some unique naming conventions for your own css selectors, nothing that is likely to conflict with the hundreds of default css selectors which will be loaded into the default Bootstrap css file. You're going to be deploying a heavily bloated css file just for the navbar unless you isolated those specific css selectors. As you're not a professional developer its not something to worry about but as I am its my job to get that out there.
As a general answer, I am not inspired to be a professional developer right now, I am just creating a website for myself, I could have easily done with many website builders out there, but I want to put my hands into full development and try to make it from scratch to understand how everything works behind a webpage.
By @Stephan5FE6
Well I commend you for at least trying to understand how everything works. Bootstrap is a framework - you deploy components/columns etc then style them with the default Bootstrap css utility classes. I would go so far as to say Bootstrap IS a website builder and to use it is OK if you're not really interested in pursuing a long-term professional career in development.
Good luck with your project. Post back if you get stuck, there are people who use Bootstrap in the forum (not me). They will be able to assist you.
I am trying to use Flexbox instead of Bootstrap can the two be used together?
By @Stephan5FE6
=========
Bootstrap IS FlexBox and a whole lot more! It's a responsive, 12-box grid system with classes for everything you're likely to need for creating an interactive website that performs well on ALL devices.
It behooves you to read up on Bootstrap because it's the most popular HTML & CSS framework used by millions of websites worldwide. And Bootstrap is compatible with all code editors, not just Dreamweaver.
Work smarter, not harder with Bootstrap 5:
https://www.w3schools.com/bootstrap5/
Post back if you have any questions.
AdChoices