O
Bootstrap recomenda um template básico e padrão, você podem conseguir aqui:
Pra você fazer o controle dos componentes, efeitos de descer a tela e essas coisas você precisa do JavaScript, então você coloca dentro do <head> isso aqui também:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
Assim você chama o jQuery e sobrescreve o jQuery com o bootstrap.js.
Como assim sobrescrever? Pensa assim: chamamos o jQuery ali em cima, certo? Na linha de baixo chamamos o bootstrap.js, e como o bootstrap.js depende do jQuery, sempre temos que chamar o jQuery ANTES dele, pra que ele possa usar o que o jQuery traz e sobrescrever.
Alterando o Bootstrap
Mas cara, eu preciso mudar cor do layout, como eu faço? Seguinte, isso que eu ensinei é o "start" pra tua aplicação, tu começa a trabalhar a partir daquilo, certo?
Então, você cria um OUTRO arquivo .css e chama ele DEPOIS do bootstrap.css, pra que ele SOBRESCREVA o mesmo, assim o que tu escreve no TEU arquivo vai valer MAIS do que o do bootstrap.
Exemplo: crie um arquivo chamado meucss.css e coloque dentro da pasta css. Dentro do arquivo vai ter o seguinte código:
.btn {
background-color: red;
border-color: red;
}
Agora vamos editar o index.html para chamar o "meucss.css", ficando assim:
<head>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/meucss.css">
<title></title>
</head>
Obs.: lembre-se que estamos chamando o "meucss.css" DEPOIS do nosso "bootstrap.css".
Abra o arquivo "index.html" no browser agora, você vai ver que mudou a cor do botão.
Conclusão
Bom pessoal, o que eu queria passar pra vocês era isso. Logo mais eu trago como fazer menu responsivo e outras coisas bastante úteis. Mas tudo o que eu ensinei aqui, aprendi lendo no site do próprio Bootstrap, o qual recomendo muito a leitura de vocês.
Se eu errei em algo, por favor comentem para que eu melhore nos próximos artigos. Todo comentário é bem-vindo. Qualquer dúvida podem comentar ou entrar em contato comigo pelo e-mail "mateusmuller2@gmail.com".
Um grande abraço.