Mais Formulários

Dia 50 - Bootstrap - Formularios/D50E5 - Formulários Inputs.html

@@ -207,7 +207,7 @@
         <div class="input-group-prepend">
             <label class="input-group-text" for="inputGroupSelect01">Opções</label>
         </div>
-        <select class="" id="inputGroupSelect01">
+        <select class="custom-select" id="inputGroupSelect01">
             <option selected>Escolher...</option>
             <option value="1">Um</option>
             <option value="2">Dois</option>
@@ -230,7 +230,7 @@
         <div class="input-group-prepend">
             <button class="btn btn-outline-secondary" type="button">Botão</button>
         </div>
-        <select class="">
+        <select class="custom-select">
             <option selected>Escolher...</option>
             <option value="1">Um</option>
             <option value="2">Dois</option>
@@ -257,9 +257,9 @@
         <div class="input-group-prepend">
             <span class="input-group-text">Upload</span>
         </div>
-        <div class="">
-            <input type="file" class="">
-            <label class="">Escolher arquivo</label>
+        <div class="custom-file">
+            <input type="file" class="custom-file-input">
+            <label class="custom-file-label">Escolher arquivo</label>
         </div>
     </div>
 

_Bootstrap - Formulários.txt

@@ -51,6 +51,16 @@ Checkbox e Radio Custom
     .custom-control-label => no label;
 
 
+Dropdowns
+
+    .dropdown => na classe pai;
+    .dropdown-toggle => no botão;
+    data-toggle="dropdown" => no botão;
+    .dropdown-menu => em uma div;
+    .dropdown-item => nos filhos do .dropdown-menu;
+    .dropdown-divider => em uma div filha de .dropdown-menu;
+
+
 Elementos custom
 
     .custom-select => estilo alternativo para selects;