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
Given that CSS components (buttons etc.) can be used apart from Bootstrap grid system, what are the actual advantages of using Bootstrap over CSS flex model?
I am asking this questions as I always have big problems with margin/padding in Bootstrap 3 as few pixels (15px or so) are added, preventing me to take advantage of the full width of a container. Also, if I try to manually sent the margin to 0 the whole layout is displaced (including outer containers)
One current disadvantage of using flex is that it doesn't work for IE9 or earlier. It's probably a bit soon to be dumping them yet.
Related
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 5 years ago.
Improve this question
Which approach is preferable for creating a grid - flexbox, css-table or inline-block?
Or may be each of this technics should be used in specified cases?
If so, in what cases should be they used?
each has benefits and disadvantages.
Flexbox is very useful in many cases, but some browsers still lacks the features.
Tables may sound oldskool, but if you are coding an html mailing, it is still the best way.
I think before starting a project, you should check other projects and search on google what is best for you scope.
Flexbox is becoming the most popular among web developers these days. Websites have been able to get much more responsive on different screen sizes over the last few years which is why using flexboxes is the most popular at this point. It is finally supported on all of the main browsers and provides a good interface for building anything.
Using inline-blocks is still useful however, in different parts of a website, usually with less elements or only two columns, such as a image or an icon next to a body of text.
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
I'm using src img to place a logo in the header section. What would the pros and cons be of placing the image in a < div > vs leaving it as a plain ol' img src?
I'm thinking that, for the most part, I should be able to apply the same properties (such as margin, class, ID, etc.) to both. Am I missing something?
Note: I'm not interested in a background-image since I consider the logo content.
tl;dr wrapping is always good thing, if you are going to maintain that code for long enough time.
because you can created very targeted css, show, hide could be easier, round corners and adding text for accessibility will be easier etc..
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
I'm using Susy as CSS grid framework and I find that 48 columns gives me alot more control over the design. Most of the time 24 or even 12 columns is more that enough, but for special cases 48 is a bit more convenient.
I've noticed that the web standard seems to be 12, with Bootstrap & Foundation for example. Concerning those I understand that a larger grid would generate alot more css. But since Susy doesn't have that problem, is there another reason for limiting your columns to 12? To me it seems there isn't, but since most people are using 12 columns I can't shake the feeling that I'm missing something.
Nope. That should work fine. Cheers!
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 9 years ago.
Improve this question
I am writing a mobile/web app which has coloured clickable and movable circles.
I am aware of the fact that I can draw them in two ways:
A div using border-radius
A <circle> in a <svg>
Now considering the fact that with svg I can take advantage of doing cool animations, why one over the other?
It seems to depend on what you're going to do with the circles.
If they're just buttons for a link, stick with a div, But if you're going to do all sorts of animation or create a game, I might go with SVG as it's more flexible but not supported by some old or mobile browsers.
I will update this answer with more info if you answer my question comment.
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 9 years ago.
Improve this question
This may be a silly question, so my apologies in advance.
I'm designing a CSS grid for my website. The overall width of the grid is 1150px divided into 12 columns. But when it comes to the gutter width: It it best to use a small or big width? Or do you choose that depending on how you want your website to look/be styled?
Thanks for any help!
Gutter is a concept independent of CSS and it is related to a better legibility (easier to read).
There is no predefined rule about the width. Just set the whitespace between columns to some value that you want.
This value depends about what you looking for in your website (legibility, structure, design, information architecture ).