add prefix to all css tags to avoid name collision

When i add the bootstrap stylesheet into my application, the bootstrap overrides all other tags i had defined in other stylesheets. it would be nice for the bootstrap to have a name prefix to all defined tags that way naming collisions dont occur.

[mdo]

Definitely won't be doing that. 2.0 provides better defaults and namespaces a few other key elements with base classes, but that's it.

[Surbma]

I also +1 for prefixing all classes. It can be done with Bootstrap 3.0. Please!

[zlatanvasovic]

This isn't needed. Reason - Bootstrap is made to be main CSS framework for web apps. Bootstrap isn't small library, it's complete framework. Prefixing classes is stupid and non-semantic.

[Surbma]

@zdroid I understand your point of view. However Bootstrap can be used as a small library to extend an existing theme's style. That's exactly how I use Bootstrap. So prefixing is not stupid, it can be very-very useful in some cases.

I also understand, that mainly it is used as a complete framework. I can see a solution, if there will be an option on the Customize page for prefixing all classes. It could be a checkbox if I want to have all the styles with prefix or without. Of course, the default setting will be without any prefix.

In this case Bootstrap can be used for all manner. Do you agree, that it will let other developers to use Bootstrap on more projects? It is just a small feature and can help thousands of developers.

[mdo]

@zdroid It's not stupid, and it's not non-semantic. Keep your demeaning opinions to yourself when you comment here—this isn't the place for it and I won't stand for it.

[zlatanvasovic]

@mdo Sorry if I sound aggressive. I just want to point that prefixing isn't needed. If someone just have Bootstrap as customized small lib (s)he can replace names of all classes with -bs- prefix (all modern editors have the multi-replace feature).

@Surbma Just dowload wanted CSS and then prefix class names.

[mdo]

@zdroid What would you find and replace—a .? I don't think that's a very feasible solution. Finding and replacing across an entire directory isn't doable without someone to easily modify.

[zlatanvasovic]

Hmm. Than make BS Mini. Remove all big things, just keep the most-needed
ones and prefix classes, like in Pure. I don't have any other idea.

2013/7/22 Mark Otto notifications@github.com

@zdroid https://github.com/ZDroid What would you find and replace—a .?
I don't think that's a very feasible solution. Finding and replacing across
an entire directory isn't doable without someone to easily modify.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/1235#issuecomment-21371708
.

Zlatan Vasović - ZDroid

[mdo]

How does a new library solve the problem of conflicting namespaces, @zdroid? Besides, the prefix thing is something that could be optional I imagine—we set it to nothing by default, but folks could customize it.

[apfelbox]

Well, you could use a variable for that.

.#{prefix}modal etc and just set $prefix: "" by default (I only use SASS, so I am not sure about the correct LESS syntax).
Would involve a one-time manual editing of all class names, though.

[mdo]

@apfelbox Yup, that's the idea, if we go with the option to prefix.