locked
bootstrap.min.css problems RRS feed

  • Question

  • User379720387 posted

    My code works fine like this:

    <link href="~/Content/css/bootstrap.css" rel="stylesheet">

    When I change to the minified version then the formatting is gone:

    <link href="~/Content/css/bootstrap.min.css" rel="stylesheet">

    Both files are the same version v3.0.0

    Next I use cssminifier online and feed my bootstrap.css script. Script minifies like it should but when I copy it into bootstrap.min.css it is no longer minified????

    Any suggestions?

    Sunday, November 19, 2017 3:47 AM

Answers

  • User2103319870 posted

    Any suggestions?

    Have you tried the minified version of bootstrap available online.  if not you might consider using that one

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Sunday, November 19, 2017 4:06 AM
  • User-1838255255 posted

    Hi wavemaster,

    According to your description, i think you use cssminifier tool to minify  bootstrap.css code, then copy the minified code to bootstrap.min.css, you found style is not working. 

    If my understanding is right, I think bootstrap provide minified version for us to use, please check: 

    https://getbootstrap.com/docs/3.3/getting-started/  

    You could add the following file links directly. 

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

    Best Regards,

    Eric Du 

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Monday, November 20, 2017 8:28 AM

All replies

  • User2103319870 posted

    Any suggestions?

    Have you tried the minified version of bootstrap available online.  if not you might consider using that one

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Sunday, November 19, 2017 4:06 AM
  • User-1838255255 posted

    Hi wavemaster,

    According to your description, i think you use cssminifier tool to minify  bootstrap.css code, then copy the minified code to bootstrap.min.css, you found style is not working. 

    If my understanding is right, I think bootstrap provide minified version for us to use, please check: 

    https://getbootstrap.com/docs/3.3/getting-started/  

    You could add the following file links directly. 

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

    Best Regards,

    Eric Du 

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Monday, November 20, 2017 8:28 AM
  • User379720387 posted

    I have tried the 3.3.7 minified version and it works. Unfortunately, it breaks my formatting and my modals stop working

    Somewhere around version 3.3 this happened and that is the reason why I never went with a newer version.

    Monday, November 20, 2017 1:22 PM