27
Replies
Right now your copyright is within the footer section and the footer section has the css "border border-white". If you don't want a border around the copyright I would move that out of the footer section and remove the border-top border-white classes that are also on that div.
By @Ben M
I agree.
Structure you need to follow is add another 'container-fluid' <div> directly AFTER the closing </footer> tag. Add a 'row' <div> inside the 'container-fluid' <div> then move your <!--Copyright --> <!-- Copyright --> code into the 'row' <div> as shown below:
<div class="container-fluid">
<div class="row" >
<!-- Copyright -->
<div class="text-center p-3 w-100">
<small>©Copyright 2002-2024 GreenBeaks® Inc. All Rights Reserved</small><br>
<small>This site is powered by <a href="dairyairdesigns.com" class="text-black-50">Dairy Air Designs®</a></small>
</div>
<!-- Copyright -->
</div>
<!-- end row -->
</div>
<!-- end container-fluid -->
The changes I made were implemented before I had a chance to read the replies. I knew I wasn't doing it correctly, but the outcome looked better. I will do as instructed. I hope I've conveyed how grateful I am for everyone's help. Good thing no one knows greenbeaks.com exists, yet. 🙂
By @Haybound
You don't need to follow the Bootstrap official way of using a container, a row, col etc for the copyright information. How you have done it by just using a paragraph tag is perfectly OK, it's less code, why use more when it's not needed. In fact by chance you solved the issue using a common sense approach.
I went back to the way I had it the first time. The paragraph tag was temporary, while I tried to recall how I had originally coded it. Not sure if this is correct, either??? Sometimes I can't Bootstrap the way I want it, and end up using the more familiar html.
By @Haybound
OK, well it's not a problem, it works. The only issue for me is it uses more containers than is strictly necessary which adds to the management of the code. In my opinion the single <p> tag approach is far better as it is more steamlined. Don't be afraid to break with how Bootstrap advises you should set something up. Yes, in the majority of senarios follow the frameworks default suggestions but let your own common sense tell you when to ignore them.
OK, well it's not a problem, it works. The only issue for me is it uses more containers than is strictly necessary which adds to the management of the code. In my opinion the single <p> tag approach is far better as it is more steamlined. Don't be afraid to break with how Bootstrap advises you should set something up. Yes, in the majority of senarios follow the frameworks default suggestions but let your own common sense tell you when to ignore them.
By @osgood_
You can fool yourself, but please do not pass this foolishness on to others. It is very clear, follow the Bootstrap workflow or follow the highway.
Bootstrap layout rules:
Containers:
- they wrap and contain the content
- provide basic padding and margin to the content
- centre the content on the page
- can be fluid, fixed or responsive
Bootstrap Grid:
- containers are wrappers for rows
- rows are wrappers for columns - only columns may be immediate children
- columns are wrappers for content - content must be placed within columns only
The reason for these rules has to do with (negative) margins and padding.
OK, well it's not a problem, it works. The only issue for me is it uses more containers than is strictly necessary which adds to the management of the code. In my opinion the single <p> tag approach is far better as it is more steamlined. Don't be afraid to break with how Bootstrap advises you should set something up. Yes, in the majority of senarios follow the frameworks default suggestions but let your own common sense tell you when to ignore them.
By @osgood_
You can fool yourself, but please do not pass this foolishness on to others. It is very clear, follow the Bootstrap workflow or follow the highway.
Bootstrap layout rules:
Containers:
- they wrap and contain the content
- provide basic padding and margin to the content
- centre the content on the page
- can be fluid, fixed or responsive
Bootstrap Grid:
- containers are wrappers for rows
- rows are wrappers for columns - only columns may be immediate children
- columns are wrappers for content - content must be placed within columns only
The reason for these rules has to do with (negative) margins and padding.
By @BenPleysier
You obviously have been fooled, big time and have lost the ability due to age l would assume to do anymore than follow coloring by numbers. Tell me how a Bootstrap negative margin affects a simple p tag or div tag positioned outside of a Bootstrap containrer. You really are challenged if you think you need a lot of redundant html junk to position a simple centred, one row, one column copyright notice at the foot of a page......l've heard some garbage from you in the past but I think this sinks to new lows If you don't know that much, just shows how religiously following a framework can disrupt common sense.
Deploying unnecessary negative margins is a very poor solution, I rest my case what a pile of horse poo. In the case of Bootstrap yes your absolutely correct.....you can fool some of the people some of the time but not all of the people all of the time, now let me think which of those categories l would place you in.
Can l advise you brush up on your html skills a bit if you have time to spare......you're Bootstrap code solution above is very poor as it doesn't appear to be using a nav tag for what obviously is a navigation. I don't know if that's what Bootstrap advises or if it's your own lack of knowledge.
Can l advise you brush up on your html skills a bit if you have time to spare......you're Bootstrap code solution above is very poor as it doesn't appear to be using a nav tag for what obviously is a navigation. I don't know if that's what Bootstrap advises or if it's your own lack of knowledge.
By @osgood_
To illustrate the type of manure that you are accusing me of, have a look at the OP's website which currently uses the code above. To help you out, I am referring to line 58.
That's all I will say to you on this topic.
Can l advise you brush up on your html skills a bit if you have time to spare......you're Bootstrap code solution above is very poor as it doesn't appear to be using a nav tag for what obviously is a navigation. I don't know if that's what Bootstrap advises or if it's your own lack of knowledge.
By @osgood_
To illustrate the type of manure that you are accusing me of, have a look at the OP's website which currently uses the code above. To help you out, I am referring to line 58.
That's all I will say to you on this topic.
By @BenPleysier
It's the footer navigation that is troubling me not the navbar top navigation........unless l'm mistaken the code you supplied/posted appears to only be using ul, li tags instead of being wrapped in nav tags. If lm wrong then l apologise, lm having trouble sifting through the bloated code and inline css styling - lm not near to a device where l can view the code properly.
It's the footer navigation that is troubling me not the navbar top navigation........unless l'm mistaken the code you supplied/posted appears to only be using ul, li tags instead of being wrapped in nav tags. If lm wrong then l apologise, lm having trouble sifting through the bloated code and inline css styling - lm not near to a device where l can view the code properly.
By @osgood_
Read up on best practice
Where is the inline CSS styling?????
Where is the inline CSS styling?????
By @BenPleysier
You know what l was referring to, the use of an excessive amount of Bootstrap class names........ugly, making the html more difficult to read than l would like, a great way to disguise a multitude of sins.
Anyway l'm now more interested in what the interpretation of 'major block of links' actually means, intriguing. Without that clarity it's as clear as mud. Laughably, that page shows just 3 links wrapped in a nav tag, is that what they regard as a major block of links, does it refer to the position of the links, the importance of the links.........not sure who makes this s#it up but they obviously don't have a difinitive answer, which is about as helpful as using a chocolate teapot..........more or less, do whatever you want. I'll stick to using nav tags in a more uniformed way rather than throwing things up in the air and letting them fall to ground in a chaotic formation.
Anyway l'm now more interested in what the interpretation of 'major block of links' actually means, intriguing. Without that clarity it's as clear as mud. Laughably, that page shows just 3 links wrapped in a nav tag, is that what they regard as a major block of links, does it refer to the position of the links, the importance of the links.........not sure who makes this s#it up but they obviously don't have a difinitive answer, which is about as helpful as using a chocolate teapot..........more or less, do whatever you want. I'll stick to using nav tags in a more uniformed way rather than throwing things up in the air and letting them fall to ground in a chaotic formation.
By @osgood_
Please start a new discussion. The latest posts are way off topic.
AdChoices