Dies ist eine alte Version des Dokuments!


Formulare Bootstrap 3

Twitter Bootstrap bringt in seiner Standard Konfiguration schon eine Menge Möglichkeiten zur Gestaltung des Frontend mit sich. Nicht jedem gefallen allerdings die Gestaltung von Rahmen und Farben. Hier ein paar Tipps, Tricks und Kniffe, wie man das Frontend individualisieren kann.

button.btn.btn-default {
  border: 1px #63BD82 solid;
  background: #E2F8EA;
}
button.btn.btn-primary {
  background: #63BD82;
}
button.btn.btn-danger {
  background: #FFE7E9;
  border: 1px #c94c4c solid;
  color: #c94c4c;
}
input.btn.btn-primary {
  background: #0B7F35;
  width: 100%;
}
input.btn.btn-primary:hover {
  background: #0F4522;
}

a.btn.btn-primary.pull-right, a.btn.btn-warning {
  background: #0B7F35;
  border: none;
}
a.btn.btn-primary.pull-right:hover, a.btn.btn-warning:hover {
  background: #0F4522;
}
input.btn.btn-primary, 
input.btn.btn-primary:hover, 
a.btn.btn-primary.pull-right, 
a.btn.btn-warning {
  transition: all ease 0.3s; 
}

a.btn.btn-default.btn-read-more, .btn.btn-default.btn-login {

border: 1px #4B778A solid;
background-color: #efefe7;
width: 100%;
color: #4B778A;
margin-bottom: 15px;
font-weight: bold;

} a.btn.btn-default.btn-read-more:hover, .btn.btn-default.btn-login:hover {

border: 1px #fff solid;
color: #ddd;
background-color: #4B778A;

} a.btn.btn-default.btn-read-more { transition: all ease 1.5s; } .btn.btn-default.btn-login { transition: all ease 0.8s; }

Cookies helfen bei der Bereitstellung von Inhalten. Durch die Nutzung dieser Seiten erklären Sie sich damit einverstanden, dass Cookies auf Ihrem Rechner gespeichert werden. Weitere Information
  • bootstrap_3_formulare.1568455370.txt.gz
  • Zuletzt geändert: 14/09/2019 12:02
  • von Thomas Berscheid