<div class="container-fluid">
  <div class="row">
    <div class="col-xs-12">
      <h3 class="w-atr-displayName"></h3>
      <p>Go ahead and edit the fields below to see the name above update dynamically.</p>
    </div>
  </div>
  <div class="row">
    <div class="col-xs-12 col-md-6 col-lg-3  form-group">
      <label>First Name</label>
      <input class="w-atr-firstName-compassion form-control">
    </div>
    <div class="col-xs-12 col-md-6 col-lg-3 form-group">
      <label>Last Name</label>
      <input class="w-atr-lastName-compassion form-control elf-test">
    </div>
    <button class="w-ctrl-testFunction">test control</button>
    <button class="w-ctrl-keyUpFn-compassion">Inactive</button>
  </div>
</div>