bobmello.com

bobmello.com Bobmello.com

Estilos de Botões - Buttons Styles : : : : Bom dia!

Postado em: 26/06/2017 às 2:03:17 AM

Vote neste post

0 de 5.00

Total de Votos 0
Ainda não há votos para este post
Seja o primeiro a votar

Classificação

Warning: Undefined variable $percent5 in /home/bobmello1888f70d/public_html/programming/frame.php on line 322

Deprecated: number_format(): Passing null to parameter #1 ($num) of type float is deprecated in /home/bobmello1888f70d/public_html/programming/frame.php on line 322
0.00%

Warning: Undefined variable $percent4 in /home/bobmello1888f70d/public_html/programming/frame.php on line 337

Deprecated: number_format(): Passing null to parameter #1 ($num) of type float is deprecated in /home/bobmello1888f70d/public_html/programming/frame.php on line 337
0.00%

Warning: Undefined variable $percent3 in /home/bobmello1888f70d/public_html/programming/frame.php on line 352

Deprecated: number_format(): Passing null to parameter #1 ($num) of type float is deprecated in /home/bobmello1888f70d/public_html/programming/frame.php on line 352
0.00%

Warning: Undefined variable $percent2 in /home/bobmello1888f70d/public_html/programming/frame.php on line 367

Deprecated: number_format(): Passing null to parameter #1 ($num) of type float is deprecated in /home/bobmello1888f70d/public_html/programming/frame.php on line 367
0.00%

Warning: Undefined variable $percent1 in /home/bobmello1888f70d/public_html/programming/frame.php on line 382

Deprecated: number_format(): Passing null to parameter #1 ($num) of type float is deprecated in /home/bobmello1888f70d/public_html/programming/frame.php on line 382
0.00%

Estes são alguns dos estilos de botões com bootstrap.

Como Aparecerá na Tela

Buttons

Default Primary Info Success Warning Danger Link

Código Fonte

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Buttons</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style type="text/css">
    .exemplo{
    	margin: 20px;
    }
</style>
</head>
<body>
<div class="exemplo">
    <button type="button" class="btn btn-default">Default</button>
    <button type="button" class="btn btn-primary">Primary</button>
    <button type="button" class="btn btn-info">Info</button>
    <button type="button" class="btn btn-success">Success</button>
    <button type="button" class="btn btn-warning">Warning</button>
    <button type="button" class="btn btn-danger">Danger</button>
    <button type="button" class="btn btn-link">Link</button>
<hr>
    <a href="#" class="btn btn-default">Default</a>
    <a href="#" class="btn btn-primary">Primary</a>
    <a href="#" class="btn btn-info">Info</a>
    <a href="#" class="btn btn-success">Success</a>
    <a href="#" class="btn btn-warning">Warning</a>
    <a href="#" class="btn btn-danger">Danger</a>
    <a href="#" class="btn btn-link">Link</a>
<hr>
</div>
</body>
</html>

Bobmello.com

Voltar

Veja também:

Link Relacionado

Warning: Undefined variable $t_votos in /home/bobmello1888f70d/public_html/programming/frame.php on line 611

Comentários:

Estilos de Botões - Buttons Styles

Não há comentários no momento, seja o primeiro à comentar

Regras básicas

Os comentarios podem conter elogios ou criticas

Porem não serão tolerados agressões verbais e palavras de baixo calão.

Direcionamento dos comentarios

Os comentarios devem abster-se unicamente ao post em questão.

Da aprovação dos comentarios

Todos comentarios serão aprovados, elogios ou criticas, desde que sigam as normas estabelecidas.

Comentarios mostrados

Seram mostrados sempre os 20 últimos comentários, esse limite é para que a página não fique poluida com excesso de comentários.

Obrigado a todos

Comentem.

bobmello-ADM

Deixe seu comentário

Preencha os campos abaixo: