Componentes do Bootstrap – Tables

Bootstrap Componentes Tables

Bootstrap, esse nome tem poder.

Olá, faz um bom tempo que não tinha post hehehe… Então, voltando ao Bootstrap, hoje iremos ver um de seus componentes mais utilizados, as tables. Se você não lembra ou não sabe como usar o bootstrap, clique aqui e veja o post anterior.

Como bem sabemos as tabelas servem para exibir dados tabulares, houve um tempo que já foi utilizada até para organizar o layout, ou melhor, usada como forma de grid, mas isso é coisa do passado, como vimos no post anterior o bootstrap possui um esquema muito desenrolado para fazer grid. Vamos então se atentar ao uso das tabelas.

Pra começo de conversa uma tabela é constituída normalmente de cabeçalho(thead) e corpo(tbody), e de vez em quando as pessoas usam o rodapé(tfoot). Claro que isso é algo que nem todos usam, normalmente só aprendemos a usar as Linhas(tr) e colunas (td,th). Veja um exemplo de uma tabela sem estilo:

<table border="1">
  <!-- Cabeçalho da tabela -->
  <thead>
    <tr>
      <th>Nome</th>
      <th>Email</th>
      <th>Diaspora</th>
    </tr>
  </thead>

  <!-- Corpo da tabela -->
  <tbody>
    <tr>
      <td>Alessandro Feitoza</td>
      <td>eu@alessandrofeitoza.eu</td>
      <td>alessandro_diaspora</td>
    </tr>
    <tr>
      <td>Rapadura Doce</td>
      <td>rapadura@doce.org</td>
      <td>rapadura_doce</td>
    </tr>
  </tbody>
  <!-- Rodapé (se tiver) -->
  <tfoot>
    
  </tfoot>
</table>

Isso claro, gerará uma tabela sem estilo, veja:

table_sem_estilo

Continue lendo

Bootstrap por onde começar

Bootstrap por onde começar

E aew galerinha, demorei mas tô de volta, pra começar Feliz ano novo, e muita Força e Software Livre na sua vida.

Hoje iniciaremos uma série de artigos sobre o Bootstrap, esse framework front-end bastante utilizado e muito proveitoso, pra começar vamos entender o que é e como funciona esse negócio.

Antes de mais nada bootstrap significa inicialização, e tudo iniciou internamente na equipe do twitter, quando Mark e Jacob construíram uma obra prima e ainda nem sabiam. Em Agosto de 2011 eles resolveram lançar o Bootstrap como Software Livre e de código aberto no GitHub e com isso uma ruma de desenvolvedores do mundo todo começaram a contribuir e rapidamente o Bootstrap se tornou um dos softwares livres mais ativos do mundo. E foi assim que se tornou tão conhecido, tão aclamado, e tão popular.

E como já falei é um framework, sendo assim tem função de auxiliar e agilizar a criação de layouts utilizando estilos CSS já prontos, mas que podem ser tranquilarmente personalizados. Além de estilos, o Bootstrap também possui uma enorme biblioteca de eventos utilizando Javascript/JQuery.

Uma de suas principais características é a responsividade, e é nisso que focaremos nesse primeiro post, mas antes disso vamos logo ver como baixar e aprender a estrutura desse magnífico framework.

Continue lendo