gercine.blogg.se - Bootstrap studio reddit

Bootstrap is a great framework to use to easily get this done in a responsive way, but there are lots of other ways, including just a bit of your own css. You're going to want to set the structure up for that before anything.

Here's one that I can personally recommend, but there are lots of good options. I would recommend going through a more thorough course in web development, preferably one with projects and lots of CSS emphasis. It looks like there's a pretty big knowledge gap here. Check out how Bulma designs their notifications: I'm not saying you should use these frameworks or toolkits, but you can take a look at the design elements they're using, then take inspiration from them.įor example, a lot of your dotted-line bordered divs are really "alerts". I recommend checking out a UI Framework like Bulma, Bootstrap, Semantic, Foundation, or any of the others. Your Contact page is also broken, the developers/email doesn't line up with the headers. You use a lot of border-style: dotted borders, but it's not a good look. Either way, the transparent header with text behind it makes it hard to read. Perhaps use Javascript to set opacity to full once you've scrolled past the header image, or animate the opacity away from full when you scroll all the way to the top. I think that's an unfortunate UI design it looks OK when the header image is showing through, but not when it's covering text. They've also mentioned removing padding from the html and body elements so you don't have the white padding around your site.īut something I haven't seen mentioned is your transparent header. Others have mentioned ways to fix your header list issue. It's a nice first attempt, but there are some more obvious problems that you need to work out. Definitely learn Flexbox, Grid, and other native CSS properties. TL DR - Bootstrap is a wonderful tool for your toolbox.

From my own experience, it is way too easy to fall into the "we're out of time, just throw in Bootstrap and let's move on" mode.

You start to recognize the design and functionality patterns pretty quickly all over the web.

Often Bootstrap sites feel like Bootstrap sites.

It's probably a minor issue for most folks but it is a consideration. Unless you go with a more bare-bones version.

There is a performance cost as you are going to be loading a lot of unused CSS.

Form validation, modals, hamburger menus, etc.

Tons of built in features that are very useful in the real world.

Thoroughly tested in a lot of different scenarios.

Load Bootstrap from a CDN or as static assets and start coding.