Toggle navigation
Bootsnipp
Bootstrap
For
CSS Frameworks
Bootstrap
Foundation
Semantic UI
Materialize
Pure
Bulma
References
CSS Reference
Tools
Community
Page Builder
Form Builder
Button Builder
Icon Search
Dan's Tools
Diff / Merge
Color Picker
Keyword Tool
Web Fonts
.htaccess Generator
Favicon Generator
Site Speed Test
Snippets
Featured
Tags
By Bootstrap Version
4.1.1
4.0.0
3.3.0
3.2.0
3.1.0
3.0.3
3.0.1
3.0.0
2.3.2
Register
Login
"Order details"
Bootstrap 3.2.0 Snippet by
bestinit
3.2.0
Preview
HTML
View Full Screen
Fork
Fork this
2.4K
 
0 Fav
Post to Facebook
Tweet this
<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-md-3"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Podstawowe informacje</legend> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="checkboxes">Ustawienia</label> <div class="col-md-8"> <div class="checkbox"> <label for="checkboxes-0"> <input name="checkboxes" id="checkboxes-0" value="0" type="checkbox"> Zamówienie zewnętrzne </label> </div> <div class="checkbox"> <label for="checkboxes-1"> <input name="checkboxes" id="checkboxes-1" value="1" type="checkbox"> Do wyjaśnienia </label> </div> <div class="checkbox"> <label for="checkboxes-2"> <input name="checkboxes" id="checkboxes-2" value="2" type="checkbox"> Zafakturować </label> </div> <div class="checkbox"> <label for="checkboxes-3"> <input name="checkboxes" id="checkboxes-3" value="3" type="checkbox"> Wystaw e-fakturę </label> </div> <div class="checkbox"> <label for="checkboxes-4"> <input name="checkboxes" id="checkboxes-4" value="4" type="checkbox"> Zgoda na regulamin </label> </div> <div class="checkbox"> <label for="checkboxes-5"> <input name="checkboxes" id="checkboxes-5" value="5" type="checkbox"> Zgoda na mailing </label> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="zamowienie_przesylka_kwota_brutto">Wartość przesyłki</label> <div class="col-md-8"> <input id="zamowienie_przesylka_kwota_brutto" name="zamowienie_przesylka_kwota_brutto" placeholder="kwota brutto przesyłki" class="form-control input-md" type="text"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Status zamówienia</label> <div class="col-md-8"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">nie opłacone</option> <option value="2">opłacone</option> <option value="3">w weryfikacji</option> <option value="4">wstrzymano</option> <option value="5">gotowe do druku</option> <option value="6">gotowe do druku EXC</option> <option value="7">foliowanie</option> <option value="8">w realizacji</option> <option value="9">w realizacji EXC</option> <option value="10">cięcie</option> <option value="11">wystaw list przewozowy</option> <option value="12">wygenerowano list przewozowy</option> <option value="13">wysłano</option> <option value="14">gotowe do odbioru</option> <option value="15">zrealizowane</option> <option value="16">anulowane</option> <option value="17">reklamacja</option> <option value="18">zakończone</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Przesyłka</label> <div class="col-md-8"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="1">paczkomat</option> <option value="2">przesyłka krajowa - kurier</option> <option value="3">przesyłka krajowa pobraniowa</option> <option value="4">poczta polska / inpost</option> <option value="5">odbiór osobisty</option> <option value="6">przesyłka zagraniczna - kurier</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Paczkomat">Paczkomat</label> <div class="col-md-8"> <input id="Paczkomat" name="Paczkomat" placeholder="wpisz kod paczkomatu" class="form-control input-md" type="text"> </div> </div> </fieldset> </form> </div> <div class="col-md-3"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Dane do wysyłki</legend> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">Kraj</label> <div class="col-md-8"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="GB_1">Anglia</option> <option value="AT">Austria</option> <option value="PT">Portugalia</option> <option value="BZ">Belgia</option> <option value="BY">Białoruś</option> <option value="BA">Bośnia-Hercegowina</option> <option value="BG">Bułgaria</option> <option value="HR">Chorwacja</option> <option value="ME">Czarnogóra</option> <option value="CZ">Czechy</option> <option value="DK">Dania</option> <option value="IT">Włochy</option> <option value="EE">Estonia</option> <option value="FI">Finlandia</option> <option value="FR">Francja</option> <option value="GR">Grecja</option> <option value="ES">Hiszpania</option> <option value="NL">Holandia</option> <option value="IE">Irlandia</option> <option value="MC">Monako</option> <option value="DE">Niemcy</option> <option value="NO">Norwegia</option> <option value="PL">Polska</option> <option value="RU">Rosja</option> <option value="RO">Rumunia</option> <option value="SK">Słowacja</option> <option value="SI">Słowenia</option> <option value="GB_2">Szkocja</option> <option value="CH">Szwajcaria</option> <option value="SE">Szwecja</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="zamowienie_w_nazwa_firmy">Nazwa firmy</label> <div class="col-md-8"> <input id="zamowienie_w_nazwa_firmy" name="zamowienie_w_nazwa_firmy" placeholder="wpisz nazwę" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="zamowienie_w_imie_nazwisko">Imię i Nazwisko</label> <div class="col-md-8"> <input id="zamowienie_w_imie_nazwisko" name="zamowienie_w_imie_nazwisko" placeholder="wpisz imię i nazwisko" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="zamowienie_w_adres">Adres</label> <div class="col-md-8"> <input id="zamowienie_w_adres" name="zamowienie_w_adres" placeholder="wpisz adres" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="zamowienie_w_kod_pocztowy">Kod pocztowy</label> <div class="col-md-8"> <input id="zamowienie_w_kod_pocztowy" name="zamowienie_w_kod_pocztowy" placeholder="wpisz kod pocztowy" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="zamowienie_w_miejscowosc">Miejscowość</label> <div class="col-md-8"> <input id="zamowienie_w_miejscowosc" name="zamowienie_w_miejscowosc" placeholder="wpisz miejscowość" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="zamowienie_w_telefon">Telefon</label> <div class="col-md-8"> <input id="zamowienie_w_telefon" name="zamowienie_w_telefon" placeholder="wpisz telefon" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="zamowienie_w_email">Email</label> <div class="col-md-8"> <input id="zamowienie_w_email" name="zamowienie_w_email" placeholder="wpisz email" class="form-control input-md" type="text"> </div> </div> </fieldset> </form> </div> <div class="col-md-3"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Dane do faktury</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="zamowienie_f_nazwa_firmy_lub_osoby">Nazwa firmy</label> <div class="col-md-8"> <input id="zamowienie_f_nazwa_firmy_lub_osoby" name="zamowienie_f_nazwa_firmy_lub_osoby" placeholder="wpisz nazwę" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="zamowienie_f_adres">Adres</label> <div class="col-md-8"> <input id="zamowienie_f_adres" name="zamowienie_f_adres" placeholder="wpisz adres" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="zamowienie_f_kod_pocztowy">Kod pocztowy</label> <div class="col-md-8"> <input id="zamowienie_f_kod_pocztowy" name="zamowienie_f_kod_pocztowy" placeholder="wpisz kod pocztowy" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="zamowienie_f_miejscowosc">Miejscowość</label> <div class="col-md-8"> <input id="zamowienie_f_miejscowosc" name="zamowienie_f_miejscowosc" placeholder="wpisz miejscowość" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="zamowienie_f_nip">Nip</label> <div class="col-md-8"> <input id="zamowienie_f_nip" name="zamowienie_f_nip" placeholder="wpisz nip" class="form-control input-md" type="text"> </div> </div> </fieldset> </form> </div> <div class="col-md-3"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Płatność</legend> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="radios">Forma płatności</label> <div class="col-md-8"> <div class="radio"> <label for="radios-0"> <input name="radios" id="radios-0" value="1" checked="checked" type="radio"> płatność online </label> </div> <div class="radio"> <label for="radios-1"> <input name="radios" id="radios-1" value="2" type="radio"> gotówka </label> </div> <div class="radio"> <label for="radios-2"> <input name="radios" id="radios-2" value="3" type="radio"> przelew </label> </div> <div class="radio"> <label for="radios-3"> <input name="radios" id="radios-3" value="4" type="radio"> inna </label> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="zamowienie_przesylka_kwota_brutto">Data wystawienia</label> <div class="col-md-8"> <input id="zamowienie_przesylka_kwota_brutto" name="zamowienie_przesylka_kwota_brutto" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Paczkomat">Termin zapłaty</label> <div class="col-md-8"> <input id="Paczkomat" name="Paczkomat" placeholder="" class="form-control input-md" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Opis płatności</label> <div class="col-md-8"> <input id="textinput" name="textinput" placeholder="" class="form-control input-md" type="text"> </div> </div> </fieldset> </form> </div> </div> </div>
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76