CSS - Bootstrap min

Asked

Viewed 264 times

-1

When I open the CSS for editing bootstrap.min is a massage without tabulation.

You can fix it?

I would like to do a simple editing in the font of a class and even identifying the line by inspecting the browser, yet it is difficult to find inside the . css.

  • Download the uncompressed, you will not have problems

  • How would it be unpacked? I downloaded up again, but it came the same way. I’m opening with Notepad++.

  • I have already answered your question. Please look at the answer

  • Do the following Brow, http://jsbeautifier.org/ paste your minified code there, press a button and be happy! or do the same to everyone there and download the file that is not minified.

4 answers

4

Marcelo, bootstrap.min means the bootstrap is minified. Minifying a file means reducing its size as much as possible. In this case, all possible spaces and enters of the file have been deleted in order to reduce its vertical size and thus reduce the size of the original file. This allows the browser to load the bootstrap file faster.

To download the original and non-minified file, you can access the official bootstrap website: http://getbootstrap.com/getting-started/#download.

2

This CSS version you are viewing is a 'minification' of the original source (note the '-min' in the file name), so it looks like a "massaroca"...

You should use a CSS formatter, or better: look for the version not minimized.

  • Got it. I’m with a template of the "Bootstrap v3.3.1" version. ?

  • according to Google: https://github.com/twbs/bootstrap/archive/v3.3.1.zip

  • Thank you. I’m following here. Vlw.

2

In download options, you can choose to download the source code and modify them according to your needs.

If you need to modify a single class, it may be simpler to make use of !important in the properties you are changing:

button:last-of-type {
  color: #fff !important;
  background-color: #333 !important;
  border: none !important;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<button class='btn btn-default'>padrão</button>
<button class='btn btn-default'>customizado</button>

0

Browser other questions tagged

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