Bom, sobre a margem entre as div's, basta alterar o CSS
em sua página, alterando a margem.
.col-md-3{
margin: 0 5px 5px 0;
}
Em relação ao tamanho, creio que você não saiba o tamanho de cada texto para definir o min-heigth
da página, então aconselho utilizar jQuery
para obter o maior tamanho de cada div
e setar o heigth
igual para todas.
Ficaria mais ou menos assim:
$(document).ready(function() {
var maxHeight = -1;
$('.col-md-3').each(function() {
maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
});
$('.col-md-3').each(function() {
$(this).height(maxHeight);
});
});
Veja um exemplo funcionado no JsFiddle.
Referências: Use jQuery/CSS to find the tallest of all elements.
Se quiser alterar o tamanho por blocos, pode separar o valor do maxHeigth
em cada bloco, desta forma:
$(document).ready(function() {
var maxHeight = -1;
$('.row').each(function() {
$(this).find('.col-md-3').each(function() {
maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
});
$(this).find('.col-md-3').each(function() {
$(this).height(maxHeight);
});
});
});
Exemplo funcional no JsFiddle.