Exemplos de Imagens Bootstrap !!!

Exemplo do uso de Imagens no BootStrap.


Código Fonte Exemplo:

  <div class="container ">   
   <div class="page-header"><h1>Imagens Bootstrap</h1></div>

 <div class="row">
      <div class="col-sm-6">
            <h3>Imagen Responsiva</h3>
                  <img src="img/uvas.png" class="img-responsive img-circle" ></div>
       <div class="col-sm-6">
            <h3>Imagen Normal</h3>
                  <img src="img/uvas.png"></div>
      </div> <!--Row -->

 <div class="row"> 
<div class="col-sm-12">
    <h3>Formas em Imagens</h3>
        <img src="img/uvas200.png" class="img-circle">
        <img src="img/uvas200.png" class="img-rounded">
        <img src="img/uvas200.png" class="img-thumbnail">

 </div>
</div><!--Row-->
 </div>

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Botões Bootstrap Exemplos.

Imagem
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>       ...
Leia mais

Conhecendo JavaScript - Eventos

Imagem
Eventos Os eventos são ações realizadas pelo usuário que são capturadas dentro do navegador, no JavaScript podemos captura-las como por exemplo o comportamento do movimento do mouse, um clique de uma tecla do teclado, até mesmo quando o usuário redimensiona a tela do browser, o carregamento da página, esses eventos possibilitam disparar ações. Os eventos trabalham em conjunto com as funções vista no ultimo estudo, caso não tenha se lembre volte no post e leia novamente. Eventos     Eventos do Mouse Os principais eventos de captura do mouse no browser são: ONCLICK - Acionado no clique do mouse. ONDBLCLICK - Acionado no clique duplo do mouse ONMOUSEDOWN - Acionado no clique do mouse(soltando ou não o botão) ONMOUSEOVER - Acionado quando cursor do mouse sobrepõe o elemento da página. ONMOUSEOUT   - Acionado quando o cursor do mouse sai da área de uma elemento da página. Para podermos começar precisamos de um elemento na página, para podemos visua...
Leia mais

Conhecendo JavaScript - HTML DOM

Imagem
DOM DOM ou (Document Object Model), é uma API multiplataforma que permite o acesso aos elementos que fazem parte da página utilizando o JavaScript.  Lembrando da estrutura da pagina html, nos temos as tags que geram os hipertextos, que encapsulam outras tags filhas e os textos,imagens...etc. Toda essa estrutura pode se imaginar como uma arvore onde ela é renderizada pela navegador e mostrada na tela, os elementos dessa arvore são chamados de nos ou NODE(inglês) ,segue ilustração da arvore. Sempre seguindo uma herarquia nota que a estrutura é simples para leitura de onde esta os elementos dentro da arvore  HTML. Com o Dom podemos fazer alteração diretamente ao elemento através de um evento, alterar uma cor,  esconder ou exibir uma tabela , acionar um evento com mouse sobre uma imagem e alterar brilho da imagem, tem muitas aplicações dinamicas possiveis. Para que isso funcione precisamos manipular os elementos (Node) no HTML,  como visto acima nessa arvor...
Leia mais