Why does the HTML break when I bring it into Bootstrap Studio?

The navigational bar is, the one thing that AI did not make, I made that and then applied that to all the pages after I connected all the items together so it could be editable across the pages.

Yes, every page I need to edit quite a few things and fix things. I’ve been shooting video and editing video the last two days. I’ll get back to it here in another day or so.

Some of the double words and so on are from the leftovers from the mistake the first AI made that messed things up pretty bad. There’s quite a few things I need to clean out and fix without breaking other things.
Using the check the website feature, I still have a list of things that’s showing me I need to fix.
Actually, AI helped me fix most of the ones that I fixed already.

A lot of the images don’t have alt tags and so on because most of them are going to be replaced. A lot of that was just sample images to put in. Even some of the galleries of four images on some pages will be different I was trying out different versions of them.

I will check out the accessibility website and bookmark it. I made the light blue color up top at the very beginning and the font size When I was trying to learn how to make a navigational bar Link them together so I can change one item across multiple pages.

After I get this to the point to where it’s going to be usable, I’ll move it to a regular host.
I want to be able to add new stories all the time.
I’m in many Panama country Facebook groups and there’s lots of things advertised coming up and going on all the time. I would like to have some kind of marketplace or something to talk about all that in an easy way. Most of this would not have any images in it. Almost like a Facebook chat area with no images. Or something like this here, where it has a bunch of different topics that people can talk about.
Is there something like this help area that could be installed and working with Bootstrap Studio on a static site?
Or I would try to do it as a separate news blog post type of thing with no images Where I could just post news and things going on And feed it to the home page someplace.
I started a Facebook page under the same name and Instagram as well so everything’s tied together. And then the Youtube videos will be posted in it as well, probably under each topic.
It’s a lot to do and I’m basically doing this part-time as I’m working on videos as well and we’re still selling things getting ready to sell our house.

As a to-do list, I would focus on

  1. Layout issues (items being blocked, flowing poorly on mobile, button movement, etc.)
  2. Font sizes
  3. Font colors
  4. Fixing all those inline styles
  5. Fixing the head code
  6. Fixing the tags and labels for screen readers

Keep in mind that most people these days are using the web with their phones, so you should pay careful attention to the mobile experience. It takes getting used to if you’ve been building websites since the non-responsive era. It took we a while to break the habit of working from “desktop down.” I still start my sites at full-size, but I actively development them from the XS size up.

I’m constantly checking my websites across all screen widths, not just in BSS, but in a live browser where I manually shrink and widen the window, because this is how you catch issues like your navbar overflowing. Example… if you only check your website at MD and LG in BSS, then you never see what it looks like between 769 and 991 pixels, and you can’t know if someone will be viewing it at some odd size (like in a small window on a large monitor.)

As far as a chat-style “discussion board” feature on a website, I have no personal experience with this, but Flarum looks like a good, free option. For a forum on a Boostrap Studio website, you’ll need access to the the server to set up the database, so you couldn’t do it with BSS’s free hosting. Discourse (the forum used here) is also free, but it has more strict server requirements which might not make it practical for your purposes.

Of course, you can always create your own group chat on Twitter (up to 50 people) or a subreddit on Reddit, or a regular old Facebook Group. The downside, obviously, is that the people will have to have accounts on those platforms to access the them. Hosting a discussion board on your own website gives you more discreet control.

1 Like