Tutorial de Instalao Do Framework

Bootstrap em um Projeto Django na

IDE Eclipse (Windows)
Aderson Sampaio

1 Download do Framework
Para utilizarmos esse framework, necessrio a configurao do
ambiente com os arquivos CSS e JavaScript j compilados. Para isso,
devemos acessar o site do framework (http://getbootstrap.com/) e em seguida,
clicar no boto de download do site. Logo, seremos redirecionados para outra
pgina (http://getbootstrap.com/getting-started/#download) , onde poderemos
efetuar o download dos arquivos.
Porm, h mais de uma opo para a instalao da ferramenta. Iremos
utilizar a primeira opo, em roxo, pois a que requer menos conhecimento
para a instalao.

Aps o isso, voc ter em seu diretrio de download um arquivo .zip

chamado: bootstrap-3.3.6-dist. Dentro dele, voc encontrar uma pasta com o
mesmo nome do .zip e dentro dessas mais 3 pastas que compem o
framework.

2 Configurao do Framework no Eclipse

Considerando que a IDE Eclipse j esteja configurada com o plug-in
Pydev, daremos incio.
Abra a IDE em questo e verifique se estamos na perspectiva PyDev.

Aps isso, criaremos nosso projeto Django. V em File -> New -> Other.
Ao clicarmos em other, uma janela aparecer. Em Wizards, digite Django, e
selecione PyDev Django Project.
Nomeei seu projeto, selecione a verso do Python desejada e o
interpretador da linguagem.

Aps finalizar a criao do Projeto, devemos salva-lo.

Agora, iremos para o diretrio onde o projeto foi salvo. Caso no saiba o
local, voc poder descobrir clicando com o boto direito em cima do no do
projeto criado e depois clicar em propriedades. Em location, voc ter o path do
projeto.
No seu workspace, entre na pasta do projeto e crie uma pasta
(Templates) para colar os arquivos anteriormente baixados do framework
Bootstrap dentro da mesma.
Agora estamos preparados para usar o framework em um arquivo CSS
ou HTML5.

3 Utilizando Boostrap com HTML5

Iremos ao Eclipse e criaremos um arquivo .html. Para isso, dentro do
seu projeto Django, clique em file -> new -> other. Procure por HTML file e
adicione ao seu projeto.
Ao desenvolver sua pgina, o arquivo desejado do bootstrap da pasta
templates deve ser adicionado ao cabealho.
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
Agora, o ambiente j est propcio ao desenvolvimento Web com Django
e Bootstrap.