Botões Bootstrap Exemplos.

Exemplo de Botões no Bootstrap!





Exemplo se uso de botões no bootstrap, segue abaixo código fonte:

<div class="container "> 
      <div class="page-header">
        <h1>Botões Bootstrap</h1>  </div><!-- page reader Cabeçalho da Página -->        
        <div class="row">
          <div class="col-sm-6">          
            <h3>Botões Padrão</h3>
            <a href="#" class="btn btn-default">Botão link</a>
            <input type="submit" class="btn btn-default" value="Botão">
            <button class="btn btn-default">Botão Button</button>
        </div>
        <div class="col-sm-6">
         <h3>Estilo de Botões</h3>
          <button class="btn btn-default">Botão</button>
          <button class="btn btn-primary">Botão</button>
          <button class="btn btn-success">Botão</button>
          <button class="btn btn-danger">Botão</button>
          <button class="btn btn-warning">Botão</button>
          <button class="btn btn-info">Botão</button>
          <button class="btn btn-link">Botão</button>
        </div>
  </div><!-- row --> 
  <div class="row">
    <div class="col-sm-6">
     <h3>Botões Nivel de Bloco</h3>
      <button class="btn btn-default btn-block">Botão</button>
      <button class="btn btn-primary btn-block">Botão</button>
      <button class="btn btn-danger btn-block">Botão</button>
    </div>
    <div class="col-sm-6"></div>
      <h3> Tamanho de Botões</h3>
        <button class="btn btn-default btn-xs">Botão</button>
        <button class="btn btn-default btn-ms">Botão</button>
        <button class="btn btn-default btn-md">Botão</button>
        <button class="btn btn-default btn-lg">Botão</button>
  </div> 
     </div><!-- container --> 

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Conhecendo JavaScript - Eventos

Conhecendo JavaScript - HTML DOM