SimilaritySolver.jl | Elvis A. Aguero

Legende fotos facilmente. À esquerda, uma estrada passa por um túnel. No meio, folhas caem artisticamente em uma sessão de fotos hipster. À direita, em outra sessão de fotos hipster, um lenhador agarra um punhado de agulhas de pinheiro.

Esta imagem também pode ter uma legenda. É como mágica.

Você também pode colocar texto normal entre suas linhas de imagens, até citações (Einstein & Taub, 1950). Digamos que você queria escrever um pouco sobre seu projeto antes de postar o resto das imagens. Você descreve como você labutou, suou, sangrou pelo seu projeto, e então… você revela sua glória na próxima linha de imagens.

Você também pode ter imagens artisticamente estilizadas 2/3 + 1/3, como estas.

O código é simples. Basta envolver suas imagens com <div class="col-sm"> e colocá-las dentro de <div class="row"> (leia mais sobre o sistema Bootstrap Grid). Para tornar as imagens responsivas, adicione a classe img-fluid a cada uma; para cantos arredondados e sombras, use as classes rounded e z-depth-1. Aqui está o código para a última linha de imagens acima:

Referências

1950