index.html.erb

<div class="container">
	<div class="jumbotron bg-dark">
			<h4 class="title" style="color:white;"><i class="fa fa-inbox" aria-hidden="true"></i> &nbsp; Conversaciones/Bandeja de Entrada</h4>
	</div>



<div class="row card-columns"style="padding-left: 3em;">
	<% @conversations.each do |conversation| %>
	<div class="card col-md-3 card-outline-secondary" align=center style="margin:2em;">
		<% recipient = conversation.participants.find { |p| p != current_user } %>
		<%= gravatar_tag recipient.email,:circle, :size => 150, :html => { :class => "img img-fluid" }  %>
		<div class="card-body ">
			<h4 class="card-title"><%= conversation.subject %></h4>
			 <hr>
			<div class="card-text">
				 <b>Con <span class=mdl-color-text--black><%=recipient.nombre%> <%=recipient.apellido%></span></b>
			</div>
			<a class="btn btn-outline-elegant" href="<%=conversation_path(conversation)%>"  role="button" type="submit">
			Ver conversacion
		</a>
		</div>
	</div>


	<%end%>
</div>

</div>
</div>