Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Twitter Bootstrap Website Deployed with GAE

So I'm a programming noob. I have been following many of the Udacity classes and I am slowly learning to code.

Alright so here's my question. I have built the basic HTML files of my blog using Twitter Bootstrap as it is so simple to use. Now what I would like to do is to combine the great template's that Bootstrap provides with the simple hosting services of Google App Engine. This is where my noobness comes in and I'm totally lost.

Any help would be appreciated, don't be afraid to hurt my feelings I am noob and will understand if this is completely impossible.

like image 821
user1541473 Avatar asked Jul 27 '12 04:07

user1541473


People also ask

Is Twitter still using Bootstrap?

At Twitter, Bootstrap has quickly become one of our many go-to front-end tools when starting new applications and sites.

Is Twitter, Bootstrap the same as Bootstrap?

There's no difference. Twitter Bootstrap was the official name for version 1.0 (Twitter Bootstrap). Later the name has been shortened.

What does Twitter, Bootstrap have to do with web sites?

Twitter Bootstrap is a front end framework to develop web apps and sites fast. In modern web development, there are several components which are required in almost all web projects. Bootstrap provides you with all those basic modules - Grid, Typography, Tables, Forms, Buttons, and Responsiveness.

What kind of framework is Twitter, Bootstrap?

Twitter Bootstrap is an open source front end framework for HTML, CSS and JS, using which we can create a responsive UI for our web application. This is supported by all major browsers.


2 Answers

It is perfectly possible. Download bootstrap to a separate folder and in your app.yaml file, have your handler which is a static_dir for /bootstrap

application: application-name
version: 1
runtime: python
api_version: 1

handlers:
- url: /stylesheets
  static_dir: stylesheets

- url: /bootstrap
  static_dir: bootstrap

- url: /.*
  script: todoapp.py

And in all your html files refere to bootstrap like this.

<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<script src="bootstrap/js/jquery.js"></script>

You should be good to go!

like image 187
Senthil Kumaran Avatar answered Oct 15 '22 18:10

Senthil Kumaran


Have a look at gae-boilerplate. Its based on webapp2 and twitter bootstrap.

  • Docs https://github.com/coto/gae-boilerplate
  • demo http://appengine.beecoss.com/

It does pretty much what you want out of the box along with a bunch of other features you may well want.

like image 34
Tim Hoffman Avatar answered Oct 15 '22 18:10

Tim Hoffman