GWT (arka uç java yapılır) başvurmadan güzel bir sayfa tasarımı elde etmek için Bootstrap kullanmaya başladım

Giriş ekranım example Bu kopyaladım. Şimdi kullanıcı adı boş bırakılmış bir hata, örneğin mark, istiyorum. Bu Bootstrap çerçevesinde prosedür nedir merak ediyorum. Ya da belki örnekler hata ile şeklinde gösteriliyor.

Eğer fikrini kırmızı bir renk ile giriş öğesi içinde hata mesajı göstermek için, ya da bir pop-up ile giriş öğesi altında, ya da belki de bunu göstermek için ise emin değilim?

Burada http://jsfiddle.net/jonschlinkert/pngWh/12/ git

, *, .warning *.success1 ve .info sınıflar .control-group eklenir. Bu standart Bootstrap biçimlendirme ve şekillendirme. Ve iyi durumda olduğunu sadece izleyin. Elbette gidebilirsin ötesinde kendi stilleri eklemek için bir pop-up veya "satır içi flash" Eğer isterseniz, ama eğer takip Bootstrap Kongre ve askıda olanlar doğrulama sınıfları .control-group kalacak tutarlı ve kolay yönetmek (en azından bu yana olacaksın devam etmek zorunda kalması Bootstrap dokümanlar ve örnekler)

  <form class="form-horizontal">
    <div class="control-group warning">
      <label class="control-label" for="inputWarning">Input with warning</label>
      <div class="controls">
        <input type="text" id="inputWarning">
        <span class="help-inline">Something may have gone wrong</span>
      </div>
    </div>
    <div class="control-group error">
      <label class="control-label" for="inputError">Input with error</label>
      <div class="controls">
        <input type="text" id="inputError">
        <span class="help-inline">Please correct the error</span>
      </div>
    </div>
    <div class="control-group info">
      <label class="control-label" for="inputInfo">Input with info</label>
      <div class="controls">
        <input type="text" id="inputInfo">
        <span class="help-inline">Username is taken</span>
      </div>
    </div>
    <div class="control-group success">
      <label class="control-label" for="inputSuccess">Input with success</label>
      <div class="controls">
        <input type="text" id="inputSuccess">
        <span class="help-inline">Woohoo!</span>
      </div>
    </div>
  </form>

Bu gibi görünür: