extends layout

block content
  ul.list-group#message-list

  .input-group
    input#message-field.form-control(type='text', autofocus)
    span.input-group-btn
      button#message-send-button.btn.btn-primary(type='button') Send

  script#message-template(type="text/template").
    <li class="list-group-item">
      <b><%= name || 'Guest' %>:</b>
      <%= message %>
    </li>

extends layout

block content
  ul.list-group#message-list

  .input-group
    input#message-field.form-control(type='text', autofocus)
    span.input-group-btn
      button#message-send-button.btn.btn-primary(type='button') Send

  script#message-template(type="text/template").
    <li class="list-group-item">
      <div class="media">
        <div class="pull-left">
          <img class="media-object" src="http://placekitten.com/80/80" alt="avatar">
        </div>

        <div class="media-body">
          <h4 class="media-heading"><%= name || 'Guest' %></h4>

          <%= message %>
        </div>
      </div>
    </li>

Use Bootstrap media objects for messages
Use Bootstrap media objects for messages
