Hello!
I was wondering how to install bootstrap with coffeecup!
Thanks!
How to install bootstrap - Post ID...
Crazy
Registered User
37 posts
Eric Rohloff
Senior Advisor
20,190 posts
Hi Crazy,
When you say with Coffeecup what exactly do you mean? Bootstrap can be downloaded from their site and then uploaded to your site for use in your page design. You only need to place the proper script links in your pages and target your elements with the proper classes.
When you say with Coffeecup what exactly do you mean? Bootstrap can be downloaded from their site and then uploaded to your site for use in your page design. You only need to place the proper script links in your pages and target your elements with the proper classes.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Crazy
Registered User
37 posts
Like how do I implement it with the HTML Editor?
Inger
Senior Advisor
14,455 posts
You can't 'implement' it in the Editor as if it were some plug-in or so. You have to do what Eric said above, and then you can edit your files in the Editor.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
jamo
Registered User
233 posts
Download Bootstrap http://getbootstrap.com/getting-started/ and extract it to your project/root folder.
For the basic use paste into the <head> section of your page(s)
And paste this just before the closing </body>
Then you can start adding Bootstrap classes to your page elements see http://getbootstrap.com/css/ and http://getbootstrap.com/components/
For the basic use paste into the <head> section of your page(s)
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
And paste this just before the closing </body>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
Then you can start adding Bootstrap classes to your page elements see http://getbootstrap.com/css/ and http://getbootstrap.com/components/
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
