![[tutorial] basico do bootstrap Tumblryy](https://2img.net/r/ihimg/scaled/large/854/tumblryy.png)
Início
![[tutorial] basico do bootstrap QdhdIA2](https://i.imgur.com/qdhdIA2.png)
bom galera nesse tutorial vou ensinar como usar o bootstrap na sua pagina, o bootstrap e um framework grafico para paginas html para usar ele basta baixa-lo (tambem e necessario o jquery)
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
depois de baixar o bootstrap extrai ele, vai ter 3 pastas css, js, e img, coloque esses arquivos perto da sua pagina html (no meu caso eu coloquei a pasta toda dentro de uma pasta chamada biblioteca (/biblioteca/bootstrap/) e o jquery eu coloquei dentro da pasta biblioteca (/biblioteca/jquery.js), agora agente chama eles na pagina (o arquivo jquery.js, o bootstrap.css e bootstrap.js)
para usar basta usar o bootstrap basta colocar determinadas class nos atributos, por exemplo um botao eu coloquei a class="btn" e ele mudo
tambem podemos colocar "btn btn-inverse" ai o botao ficaria com a cor preta,"btn btn-info" ficaria azul, "btn btn-warning" ficaria amarelo, "btn btn-danger" ficaria vermelho, "btn btn-default" ficaria cor padrao
alguns input usa o mesmo nome na class por exemplo text ou password
bom galera isso e so o basico com que se pode fazer com bootstrap ^^
by hacker fts315
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
depois de baixar o bootstrap extrai ele, vai ter 3 pastas css, js, e img, coloque esses arquivos perto da sua pagina html (no meu caso eu coloquei a pasta toda dentro de uma pasta chamada biblioteca (/biblioteca/bootstrap/) e o jquery eu coloquei dentro da pasta biblioteca (/biblioteca/jquery.js), agora agente chama eles na pagina (o arquivo jquery.js, o bootstrap.css e bootstrap.js)
- Código:
<html>
<head>
<!-- incluir o jquery -->
<script type="text/javascript" src="biblioteca/jquery.js"></script>
<!-- incluir o js/bootstrap.js e css/bootstrap.css do bootstrap -->
<script type="text/javascript" src="biblioteca/bootstrap/js/bootstrap.js"></script>
<link rel="stylesheet" type="text/css" href="biblioteca/bootstrap/css/bootstrap.css">
</head>
<body>
</body>
</html>
para usar basta usar o bootstrap basta colocar determinadas class nos atributos, por exemplo um botao eu coloquei a class="btn" e ele mudo
- Código:
<html>
<head>
<!-- incluir o jquery -->
<script type="text/javascript" src="biblioteca/jquery.js"></script>
<!-- incluir o js/bootstrap.js e css/bootstrap.css do bootstrap -->
<script type="text/javascript" src="biblioteca/bootstrap/js/bootstrap.js"></script>
<link rel="stylesheet" type="text/css" href="biblioteca/bootstrap/css/bootstrap.css">
</head>
<body>
<input type="button" class="btn" value="fts">
</body>
</html>
tambem podemos colocar "btn btn-inverse" ai o botao ficaria com a cor preta,"btn btn-info" ficaria azul, "btn btn-warning" ficaria amarelo, "btn btn-danger" ficaria vermelho, "btn btn-default" ficaria cor padrao
- Código:
<html>
<head>
<!-- incluir o jquery -->
<script type="text/javascript" src="biblioteca/jquery.js"></script>
<!-- incluir o js/bootstrap.js e css/bootstrap.css do bootstrap -->
<script type="text/javascript" src="biblioteca/bootstrap/js/bootstrap.js"></script>
<link rel="stylesheet" type="text/css" href="biblioteca/bootstrap/css/bootstrap.css">
</head>
<body>
<input type="button" class="btn btn-inverse" value="fts">
<input type="button" class="btn btn-info" value="fts">
<input type="button" class="btn btn-warning" value="fts">
<input type="button" class="btn btn-danger" value="fts">
<input type="button" class="btn btn-default" value="fts">
</body>
</html>
alguns input usa o mesmo nome na class por exemplo text ou password
- Código:
<html>
<head>
<!-- incluir o jquery -->
<script type="text/javascript" src="biblioteca/jquery.js"></script>
<!-- incluir o js/bootstrap.js e css/bootstrap.css do bootstrap -->
<script type="text/javascript" src="biblioteca/bootstrap/js/bootstrap.js"></script>
<link rel="stylesheet" type="text/css" href="biblioteca/bootstrap/css/bootstrap.css">
</head>
<body>
<input type="text" class="text">
<input type="password" class="password">
</body>
</html>
bom galera isso e so o basico com que se pode fazer com bootstrap ^^
by hacker fts315
