Para utilizar os elementos css ja predefinidos no arquivo BootStrap

Utilizamos a classe Container (Conteudo Responsivo com largura limitada)

ou o Container-fluid (Conteudo Responsivo com Largura fluida, ou seja ocupa toda a

janela )

BootStrap possui um sistema de grid que nos permite criar layout Atravez da definição
de linhas e colunas

E o conteudo deve estar dentro de uma coluna e essa coluna deve pertencer a uma
linha

Na coluna deve-se especificar o seu tamanho;

O tamanho de uma linha predifinida eh 12;

O bootStrap diz que os elementos devem estar dentro de um Componente, porem

esse Componente envolve todo o conteudo da pagina

Obs:Grelha eh a mesma coisa que tabela

O bootStrap tem o seu layout em forma de uma tabela e essa tabela tem como limite
12 linhas

Linhas:Podemos Criar Linhas atravez da classe row

att: AS LINHAS DEVEM ESTAR DENTRO DE UM CONTEINER "O ENVOLVENTE DE TODO

CONTEUDO OU APRESENTAÇÃO USANDO O BOOTSTRAP, E DENTRO DESSAS LINHAS
DEVEM CONTER ELEMENTOS ONDE ESTARÃO CONTIDO DENTRO DE UMA COLUNA"

Colunas: Podemos definir as colunas atraves das classes col-md-2 col-xs-2 col-lg-2 col-
sm-4

Os numeros sao representam o tamanho da coluna ...

Curiosidade:A CLASSE MAIS USUDA COMO COLUNA EH O col-md-4

Porem eu tbm seguirei esse habito ...

Utilzamos os offSet para fazer ou colocar intervalo entre as colunas

Tbm podemos colocar linhas dentro de uma outra linha e essas linhas aninhadas
podem estar dentro de uma coluna