Skip to main content
adicionou 1 caractere ao conteúdo
Fonte Link

O Twitter Bootstrap não tem uma classe específica para isso.

Você pode usar o esquema de grid odo Bootstrap para deixar a apresentação de imagens reponsiva dentro de um contexto de página adequado usando o exemplo de marcações abaixo:

<div class="row">
  <div class="col-xs-6 col-md-3">
    <a href="#" class="thumbnail">
      <img data-src="holder.js/100%x180" alt="...">
    </a>
  </div>
  ...
</div>

Neste exemplo uma imagem marcada como thumbnail está dentro de um bloco de 6 colunas para dispositivos pequenos e 3 para médios.Com esta marcaãço quando dimensionar no browser ou visualizar em diferentes telas a imagem será redimensionada de acordo com o layout.

Se ainda assim, todas as suas imagens tem 400x400 e você quer forçar específicamente 200x200 crie uma nova classe em um css específico de sua aplicação.

No arquivo CSS:

.img-200-200 {
   width: 200px; // a altura se adequa proporcionalmente
}

E no html:

<img class="img-200-200" src="XXXX" />

O Twitter Bootstrap não tem uma classe específica para isso.

Você pode usar o esquema de grid o Bootstrap para deixar a apresentação de imagens reponsiva dentro de um contexto de página adequado usando o exemplo de marcações abaixo:

<div class="row">
  <div class="col-xs-6 col-md-3">
    <a href="#" class="thumbnail">
      <img data-src="holder.js/100%x180" alt="...">
    </a>
  </div>
  ...
</div>

Neste exemplo uma imagem marcada como thumbnail está dentro de um bloco de 6 colunas para dispositivos pequenos e 3 para médios.Com esta marcaãço quando dimensionar no browser ou visualizar em diferentes telas a imagem será redimensionada de acordo com o layout.

Se ainda assim, todas as suas imagens tem 400x400 e você quer forçar específicamente 200x200 crie uma nova classe em um css específico de sua aplicação.

No arquivo CSS:

.img-200-200 {
   width: 200px; // a altura se adequa proporcionalmente
}

E no html:

<img class="img-200-200" src="XXXX" />

O Twitter Bootstrap não tem uma classe específica para isso.

Você pode usar o esquema de grid do Bootstrap para deixar a apresentação de imagens reponsiva dentro de um contexto de página adequado usando o exemplo de marcações abaixo:

<div class="row">
  <div class="col-xs-6 col-md-3">
    <a href="#" class="thumbnail">
      <img data-src="holder.js/100%x180" alt="...">
    </a>
  </div>
  ...
</div>

Neste exemplo uma imagem marcada como thumbnail está dentro de um bloco de 6 colunas para dispositivos pequenos e 3 para médios.Com esta marcaãço quando dimensionar no browser ou visualizar em diferentes telas a imagem será redimensionada de acordo com o layout.

Se ainda assim, todas as suas imagens tem 400x400 e você quer forçar específicamente 200x200 crie uma nova classe em um css específico de sua aplicação.

No arquivo CSS:

.img-200-200 {
   width: 200px; // a altura se adequa proporcionalmente
}

E no html:

<img class="img-200-200" src="XXXX" />
Fonte Link

O Twitter Bootstrap não tem uma classe específica para isso.

Você pode usar o esquema de grid o Bootstrap para deixar a apresentação de imagens reponsiva dentro de um contexto de página adequado usando o exemplo de marcações abaixo:

<div class="row">
  <div class="col-xs-6 col-md-3">
    <a href="#" class="thumbnail">
      <img data-src="holder.js/100%x180" alt="...">
    </a>
  </div>
  ...
</div>

Neste exemplo uma imagem marcada como thumbnail está dentro de um bloco de 6 colunas para dispositivos pequenos e 3 para médios.Com esta marcaãço quando dimensionar no browser ou visualizar em diferentes telas a imagem será redimensionada de acordo com o layout.

Se ainda assim, todas as suas imagens tem 400x400 e você quer forçar específicamente 200x200 crie uma nova classe em um css específico de sua aplicação.

No arquivo CSS:

.img-200-200 {
   width: 200px; // a altura se adequa proporcionalmente
}

E no html:

<img class="img-200-200" src="XXXX" />