initial

joplin notion extension/Web Development/CSS/Snippets/custom dropdown with bootstrap.md

@@ -0,0 +1,34 @@
+custom dropdown with bootstrap
+```html
+	
+	<style>
+		.mh-250{
+			max-height: 250px;
+		}
+	</style>
+
+  <div class="btn-group w-100 border">
+                <button
+                  type="button"
+                  class="btn btn-secondary bg-transparent text-black fs-5 border-0 text-start"
+                >
+                  --Select--
+                </button>
+                <button
+                  style="max-width: 50px"
+                  class="btn btn-secondary dropdown-toggle dropdown-toggle-split p-2 bg-transparent text-black fit-content fs-5 border-0"
+                  type="button"
+                  id="dropdownMenuButton1"
+                  data-bs-toggle="dropdown"
+                  aria-expanded="false"
+                ></button>
+
+                <ul
+                  class="dropdown-menu mh-250 overflow-auto w-100"
+                  id="yearSelect"
+                  aria-labelledby="dropdownMenuButton1"
+                >
+                  <li><a class="dropdown-item" href="#">--Select-- </a></li>
+                </ul>
+              </div>
+```