Skip to main content
Share Your Experience: Take the 2024 Developer Survey
6 votes

Does bootstrap break separation of concerns and defeat the purpose of CSS?

My question is really whether bootstrap is seen as a hack for people who want to knock up a site quickly and don't care about separation of concerns A lot of Bootstrap utility classes are useful ...
Lie Ryan's user avatar
  • 12.4k
4 votes

Does bootstrap break separation of concerns and defeat the purpose of CSS?

Depends. Bootstrap can be used both ways. Many bootstrap classes are semantic, so does not break separation of concerns. E.g. <div class="alert alert-danger">Beware of the leopard</div> ...
JacquesB's user avatar
  • 59.7k
3 votes

Does bootstrap break separation of concerns and defeat the purpose of CSS?

I think a de facto truth that complete separation of style from content via HTML and CSS is not possible. Take a look at http://www.csszengarden.com/ At first glance it looks like the perfect ...
Ewan's user avatar
  • 76.3k
2 votes

How do i create a logic for dynamic product list page like below using php and bootstrap?

You can create a pagination part for php for fetching data per window height and may decide a minimum number of content per page for both ad and product. After that most of your work is done by ...
Abhishek Gurjar's user avatar
2 votes

angularJS code sharing across hybrid Ionic app and regular mobile website

You can build a shared kernel which contains some atomics Components (https://docs.angularjs.org/guide/component) / Services. Web app, android app, ios app, supervision app ... all will use ...
Kenny's user avatar
  • 21
1 vote

Does bootstrap break separation of concerns and defeat the purpose of CSS?

This thread has convinced me that current CSS does not have (and probably cannot have) completely separate concerns from HTML. I have never felt comfortable with the SGML (Standard Generalized Mark-up ...
David Spector's user avatar
1 vote

"CSS first" vs "HTML first" (Bootstrap, SASS)

After having spent more time thinking about this, I come to the following conclusion: HTML first, or CSS first? The "html first" is misleading advice, imo. The good way is to think about classes ...
donquixote's user avatar
1 vote

How can I best organise a Jekyll + Bootstrap + Git site?

Separate build file from source. /jek/_site # the stuff I actually want to upload - but don't really want in git you can put it off from your main branch, jekyll has Continuous Integration support. ...
Adi Prasetyo's user avatar
1 vote

Why create CSS classes named to match one specific style? (non-semantic class names)

There is no particular reason. The libraries just grew like that, naturally. Libraries such as Bootstrap were promising that there will be no custom styling any longer. Instead of spending hours ...
Arseni Mourzenko's user avatar
1 vote
Accepted

Why create CSS classes named to match one specific style? (non-semantic class names)

I think you are right to point out that some CSS classes like .inline-block { display: inline; } are generally pointless. There are three reasons why such classes might still be used: Cargo-culting ...
amon's user avatar
  • 134k
1 vote
Accepted

Is my approach to dynamically populating web content ok?

I'd add this is as a comment if my user rep would allow it BUT my 2 cents: Rather than making the user's browser do all of the work of replace on all those sections which will slow down the load time,...
Mark T Broomell's user avatar
1 vote

How do i create a logic for dynamic product list page like below using php and bootstrap?

Let PHP serve a paginated list of your catalog items at /catalog/items?start=20&length=50 Bootstrap's columns are used on your HTML elements' class attributes; this enables resize of the viewport ...
Henrik's user avatar
  • 634
1 vote

Bootstrap classes in SCSS or HTML?

one main reason to select the SCSS or even in CSS cases too is re-usability. so if you need to use the same code again you only need to use the class instead of inline modification for each html tag ...
GeorgeT's user avatar
  • 21
1 vote

Separate codebase for responsive website and mobile apps?

In the case of a simple web application, you can completely share the codebases between the website and the mobile application. In this case, you basically just wrap your website code in the mobile ...
meskobalazs's user avatar
1 vote

Different pages for mobile?

You could use media queries which hide/display separate 'sidebars' That way you can keep all of your original content together and just have two separate link lists (one for mobile another for non-...
MikeHolford's user avatar
1 vote

Overwriting Bootstrap CSS classes

I think #2 is technically the preferred method. They even offer a web page that lets you specify a ton of the constants that you might want to customize then download a "clean" Bootstrap.css. On the ...
John Wu's user avatar
  • 26.5k

Only top scored, non community-wiki answers of a minimum length are eligible