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 ...
  • 12.2k
5 votes

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

Your 'HTML' represents the elements that corresponds to the DOM. As your CSS is applied to these elements to create the layer of presentation, it would be like coloring before sketching. I would use ...
  • 161
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> ...
  • 55.2k
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 ...
  • 65.5k
3 votes
Accepted

How do I customize Bootstrap?

You question is a bit of a broad/opinionated "What's the best way to manage the whole CSS thing?". It's a great question, but I don't think there is a single answer. I feel like the question ...
3 votes
Accepted

What is the equivalent of The Little Lisper project in Haskell?

There's a quite useful tutorial by Oleg Kiselyov and Chung-chieh Shan, in which they build a very simple implementation of the simply-typed lambda calculus with Hindley-Milner type inference. IIRC ...
  • 17.3k
3 votes

Should I use an open source client framework or create my own?

When you use Bootstrap you can use parts of the framework - such as responsive grid without using rest of it. It also allows you to do quite significant customization with less/scss variables. You can ...
2 votes
Accepted

Bootstrap licence free template

No, you cannot alter that license. The license is granted by the copyright owner, and you're not the copyright owner. This is a legal restriction, and hence does not need to be repeated in the license ...
  • 8,594
2 votes

Incorporating web designer's into a rails app

I have worked with many designers, some who can work within Rails apps and others who can't. I highly recommend that you only hire designers who are capable enough to integrate directly into the ...
  • 123
2 votes
Accepted

With a highly bespoke responsive website, will it be most effecient to customise bootstrap / use something else (pure-io?) / roll my own rules

You have the fundamental problem of working with multi-purpose "framework" code. The choice of a CSS foundation like Bootstrap vs Pure vs roll-your-own are not much different from Flask vs Django vs ...
2 votes

How can I use a framework like Bootstrap when I already have designs from a design team

One still may able to use Bootstrap with pre-existing designs, but more customization will be needed. Bootstrap is used because one can get a responsive web site up very quickly with minimal ...
  • 10.8k
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 ...
  • 21
2 votes

Overwriting Bootstrap CSS classes

There is no "best" way to do it, as it depends on your context. There is a recommended way to do it, though. Be aware that if you go with 1) or 3) you'll end depending on the order your CSS files are ...
  • 204
2 votes

Overwriting Bootstrap CSS classes

Number 1 is very easy, but try to imagine what will happen if the company decides to upgrade libraries in this project? I vote for #3, because it is really annoying when something doesn't work in a ...
  • 121
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 ...
2 votes

PSD to HTML/CSS limitations when using Twitter Bootstrap

From what you've said, I've understood: "if we use this tool, we'll be forced to follow its design choices. If we do not use it, we'll need to spend much more time creating our own design choices". ...
  • 319
2 votes

PSD to HTML/CSS limitations when using Twitter Bootstrap

You are not forced to use everything from the twitter bootstrap bundle. It is an option, not a rule. If you want your own elements, such as buttons, but like some bootstrap elements (the grid system ...
  • 9,955
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 ...
  • 24.9k
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 ...
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 ...
  • 126k
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,...
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 ...
  • 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 ...
  • 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 ...
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-...
1 vote

What is the equivalent of The Little Lisper project in Haskell?

There is a article "Typing Haskell With Haskell*". It presents the most problematic part of the question - making the type checker/inferrer for the Haskell language (all code included). As far as I ...
  • 111
1 vote

Asp.Net MVC from in modal bootstrap

Yes, you should use an ajax call to send the request and receive the response, using the response data to determine whether to display an error message or close the modal dialog. As for where to ...
  • 10.8k
1 vote

License issues re: using Angularjs and Bootstrap in a desktop app

On further inspection, Bootstrap and Angular both use the MIT License. This is a very permissive license that allows software to be distributed in commercial applications, so long as the license text ...
  • 129
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 ...

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