searchbar

2017-10-06 21:39:55 -07:00
parent 2e2dbe9365
commit e4c22538fd
2 changed files with 45 additions and 0 deletions
@@ -9,6 +9,20 @@
  </head>
  <body>
    <div class="container-fluid">
+      <div class="row">
+        <div class="col-xs-12 main-bg">
+          <div id="search-cont">
+                <div class="input-group stylish-input-group">
+                    <input type="text" class="form-control"  placeholder="Search" >
+                    <span class="input-group-addon">
+                        <button type="submit">
+                            <span class="glyphicon glyphicon-search"></span>
+                        </button>
+                    </span>
+                </div>
+            </div>
+        </div>
+      </div>
    </div>
  </body>
 </html>
@@ -0,0 +1,31 @@
+.center {
+  margin: 0;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    margin-right: -50%;
+    transform: translate(-50%, -50%);
+}
+div.main-bg {
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+.stylish-input-group .input-group-addon{
+    background: white !important;
+}
+.stylish-input-group .form-control{
+	border-right:0;
+	box-shadow:0 0 0;
+	border-color:#ccc;
+}
+.stylish-input-group button{
+    border:0;
+    background:transparent;
+}
+
+#search-cont {
+  height:200px;
+  width:600px;
+}