Skip to main content
Participant
November 3, 2016
Answered

bootstrap update didn't merge. it added another css file

  • November 3, 2016
  • 1 reply
  • 254 views

How do I merge the bootstrap update with the original bootstrap.css without creating a huge file filled with duplicates?

This topic is closed to new replies. Start a new post to keep the conversation going.
Correct answer Nancy OShea

I avoid all these hassles by referencing Bootstrap and jQuery from CDNs.  Nothing to download.  Nothing to host on your server, except your custom CSS for overrides.

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Bootstrap 3.3.7 Starter</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<!--[if lt IE 9]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

<!--Bootstrap-->

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

</head>

<body>

<div class="container">

<div class="row">

......INSERT COLUMN CLASSES HERE.....

</div>

</div>

<!--latest jQuery-->

<script src="https://code.jquery.com/jquery-1.12.2.min.js" integrity="sha256-lZFHibXzMHo3GGeehn1hudTAP3Sc0uKXBXAzHX1sjtk=" crossorigin="anonymous"></script>

<!--Bootstrap-->

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</body>

</html>

I sometimes need to develop with an older version of Bootstrap.  So it's a simple matter of switching version numbers in the referenced code.

Nancy O.

1 reply

Nancy OShea
Community Expert
Nancy OSheaCommunity ExpertCorrect answer
Community Expert
November 3, 2016

I avoid all these hassles by referencing Bootstrap and jQuery from CDNs.  Nothing to download.  Nothing to host on your server, except your custom CSS for overrides.

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Bootstrap 3.3.7 Starter</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<!--[if lt IE 9]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

<!--Bootstrap-->

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

</head>

<body>

<div class="container">

<div class="row">

......INSERT COLUMN CLASSES HERE.....

</div>

</div>

<!--latest jQuery-->

<script src="https://code.jquery.com/jquery-1.12.2.min.js" integrity="sha256-lZFHibXzMHo3GGeehn1hudTAP3Sc0uKXBXAzHX1sjtk=" crossorigin="anonymous"></script>

<!--Bootstrap-->

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</body>

</html>

I sometimes need to develop with an older version of Bootstrap.  So it's a simple matter of switching version numbers in the referenced code.

Nancy O.

Nancy O'Shea— Product User & Community Expert