Posts

Showing posts with the label html5-css3-

Bootstrap Select dropdown option with image || thumnail

Select... Chrome Firefox IE Opera Safari Make sure you have bootstrap already installed then use this code   <link rel="stylesheet" href="https://thdoan.github.io/bootstrap-select/css/bootstrap-select.css">   <script src="https://thdoan.github.io/bootstrap-select/js/bootstrap-select.js"></script>              <select title="Select your surfboard" class="selectpicker">   <option>Select...</option>   <option data-thumbnail="https://thdoan.github.io/bootstrap-select/images/icon-chrome.png">Chrome</option>   <option data-thumbnail="https://thdoan.github.io/bootstrap-select/images/icon-firefox.png">Firefox</option>   <option data-thumbnail="https://thdoan.github.io/bootstrap-select/images/icon-ie.png">IE</option>   <option data-thumbnail="https://thdo

Creating full width (100% ) container inside fixed width container.

Image
For Making a full width containers (which spans 100% of window) inside a container which has a fixed width and aligned center like below picuture. I used following css now its done .box_short { position: relative; width: 100vw; left: 50%; margin-left: -50vw; } for deep knowledge you can follow this link http://jsfiddle.net/m1L6pfwm/2/

add css to internal div to show background out of div

Image
CSS <style>     .product-tabs { margin: 0 -10%; padding: 0 10%; background: #f4f4f4; } </style> We can use this above CSS for all devices like PC,smartphone,tablet etc.  but it will not work if we press + and -- Sign of keyboard