Get Started
Introduction
Get started with Butter Cake, an easiest HTML,CSS & Javascript framework for building responsive, mobile-first sites with Less Classes and HTML.
Quick start
Download Butter Cake Css Framework - Head to
the downloads page.
Butter Cake Framework currently not hosted on CDN
CSS
Link Butter Cake stylesheet dist/butterCake.css
file into your head
tag before all other stylesheets to load our CSS.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="dist/butterCake.css">
JS
Navbar, Dropdown, Tabs, Accordian and Modal Requires Butter Cake Javascript File. Specifically, they require jQuery
<script src="js/butterCake.js"></script>
Starter template
Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors. Put it all together and your pages should look like this:
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- FONT AWESOME -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- BUTTER CAKE CSS -->
<link rel="stylesheet" href="https://v3.getbuttercake.com/host/dist/butterCake.css">
<title>Hello, world!</title>
</head>
<body>
<h1>Hello, world!</h1>
<!-- jQuery first, then Butter Cake JS -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://v3.getbuttercake.com/host/js/butterCake.js"></script>
</body>
</html>