Bootstrap usage in legacy layout without Grid system adoption

Asked

Viewed 123 times

2

Consider a complex, legacy, Tables-dependent layout that cannot be converted to tableless.

From this premise, if we insert CSS and Javascript from Bootstrap, we could use some components (like Glyphicons or Navbar) or CSS like .visible-* without adopting the Grid system?

If yes, what would be the minimum version of Bootstrap for a case like this?

1 answer

1


Yes, quietly, in fact, you can customize the bootstrap to use only what you need, check this link:

http://getbootstrap.com/customize/

Another interesting thing, when downloading the boostrap package, will come along a file called config.json, this file allows you to edit your custom package.

For this, you need a github account, then you create a gist, which will have an identifier equal to this:

https://gist.github.com/aymone/9a42d82c563979c0a5a2

Copy all content to your own gist and names him as config.json.

Copy the identifier from gist which is the characters after the last bar:

`9a42d82c563979c0a5a2`

Then you take this identifier from your gist, created with the contents of the config.json file and pass it as parameter id on bootstrap/customize link this way:

http://getbootstrap.com/customize/?id=9a42d82c563979c0a5a2

And voilá, your custom file, uploaded to the bootstrap website to remove or add the components and customizations you want again.

The idea is to customize everything directly in the package, and minimize the amount of css additional.

About the version, I recommend the latest, version 3, but with the 2 also works, just so your code does not get too lagged.

  • This is very, very useful for making changes to your bootstrap, without having to set it up again.

  • Thank you @Marcelo Aymone! My custom package is http://getbootstrap.com/customize/? id=726712b247d9e166caa9 and now it’s done. A hug!

  • Cool, use and abuse, is a great tool, I have adopted quite.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.