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
"Untitled"
Bootstrap 4.1.1 Snippet by
Thakuroo7
4.1.1
Preview
HTML
View Full Screen
Fork
Fork this
125
 
0 Fav
Post to Facebook
Tweet this
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> Svg icon change color https://codepen.io/martinridgway/pen/jOqVOgg Header Design https://www.web-eau.net/blog/examples-header-bootstrap Dropdown In Selected https://codepen.io/mtclmn/pen/jAJxgy Faq Design https://codepen.io/baahubali92/pen/LMBLwp https://codepen.io/moso/pen/vKGxMx https://codepen.io/MarkupTag/pen/WNvKERE Switch Btn https://codepen.io/elvismartuchelli/pen/OexmyO File Upload Design https://codepen.io/softopia/pen/LMmJLz https://codepen.io/gaitho/pen/mjBBLP Onload_popup https://codepen.io/nemra1/pen/vYYyVGY Product-slider https://codepen.io/InfernoHoundDEV/pen/KKaeQpX https://codepen.io/fadzrinmadu/pen/JjWmxaj Cart Page https://codepen.io/justinklemm/pen/zAdoJ https://codepen.io/ksu/pen/MWgzLEr https://designmodo.com/shopping-cart-ui/ Horizontal Scroll https://codepen.io/vfxravi/pen/YjPPgN https://codepen.io/webinmd/pen/Keqbqj https://codepen.io/firman3250/pen/rNaOYJa Product Slider https://bootsnipp.com/snippets/2XX5 Tabing https://bootsnipp.com/snippets/6nBDd https://bootsnipp.com/snippets/1eOby Chat https://codepen.io/tiantsoa/pen/RwpwoWY https://codepen.io/TurkAysenur/pen/ZEbXoRZ https://codepen.io/ramilulu/pen/mrNoXw https://bootsnipp.com/snippets/35mvD Overlay Effect https://codepen.io/ArnaudBalland/pen/vGZKLr Image Upload https://codepen.io/Ali-Majed/pen/BaRoyrG https://codepen.io/optionsTrvl/pen/PgMEdB https://codepen.io/tag/upload https://codepen.io/mahtab-alam/pen/MZVvzo https://codepen.io/optionsTrvl/pen/PgMEdB Calander https://codepen.io/B8bop/pen/GhCAb Music-player https://codepen.io/markhillard/pen/Hjcwu CK Editior https://codepen.io/dkgaig/pen/pgzzdX Timeline https://codepen.io/pranjal-goswami/pen/RNdpO Price Range Slider https://codepen.io/Coldey/pen/qBdQgOg Audio Player Design https://codepen.io/hossein_ghanbari/pen/eYYKJXd https://codepen.io/markhillard/pen/Hjcwu https://codepen.io/hollyos/pen/zwgRvY https://codepen.io/codename065/pen/abvgRWE Tab Side bar https://codepen.io/piyushpd/pen/JjNamQv Filter Gallery https://codepen.io/shakhzod-tojiyev/pen/PoNyRQg https://codepen.io/thinkdave/pen/ALoEAE Password-hide-show https://codepen.io/adyoi/pen/xaabmw Input-fiel_design https://codepen.io/asatraitis/pen/VwZQzBr?css-preprocessor=scss Working-slider - <!--Press Section--> <div class="conscious_sec sec_brnds pt-2"> <div class="container"> <div class="text_sec"> <h3>Featured In</h3> </div> <div class="owl-slider"> <div id="carouse" class="owl-carousel"> <?php if( have_rows('press_client_sliders') ): while( have_rows('press_client_sliders') ) : the_row(); $images = get_sub_field('images'); ?> <div class="item"> <div class="pro_cons"> <img src="<?php echo $images;?>"> </div> </div> <?php endwhile; endif; ?> </div> </div> </div> </div> <!--End Press Section--> footer: <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> <script> // Client Slider on Home Page jQuery("#carouse").owlCarousel({ autoplay: true, lazyLoad: true, loop: true, margin: 20, responsiveClass: true, autoHeight: true, autoplayTimeout: 3000, smartSpeed: 300, nav: false, responsive: { 0: { items: 2 }, 767: { items: 3 }, 1024: { items: 5 }, 1366: { items: 5 } } }); </script> header: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css">
Related:
See More
Free Template
Black Dashboard React
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76