Ask questions about the CSS layout framework, Bootstrap, and Bootsnipp.com

Welcome to the new Bootstrap Community!

If you are having problems with something in your project, we hope you will ask a question here. If you see a question that you know an answer to, please help another user out and take the time to respond.

Animated Radio tab

Gracias. Me estaba complicando la vida con esto :)

rafaelezco (0) - 2 hours ago - 0 replies 0


Testimonial Slider CSS

Hello, thank you for the code! Is it possible to make the animation not auto? I want only to let the user change to the other slide, or to make it slower the animation if possible.Thank you!

dkaneloglou (0) - 2 hours ago - 0 replies 0


Multiple upload image, Preview image and draggable element by sortable

It's not working with jquery3 .Is it possible same tasks will perform with jquery3. Drag Drop not working with Jquery3

Sobia (0) - 1 day ago - 0 replies 0


obitope Bootstrap 4 slider with Text Animation

i will oh sorry i save it so i could use on a mini project sorry fr the copyrightbut i can take it down

Obitope (0) - 1 day ago - 0 replies 0


Carousel Reviews with Rating - three items

How It can scroll one block at a time

yajuvendra1990 (0) - 2 days ago - 0 replies 0


bootstrap 4 multiple carousel

How to move the next and prev near to start and adge of photos... i can't down load all source i copy an paste but not works in same way...

eldonfsr (0) - 2 days ago - 0 replies 0


Bootstrap Tabs with Table

I have find the solution.Include Bootstrap library after jQuery libraryInclude Responsive extension version 1.0.1 or laterUse the code below:$(document).ready( function () { $('#myTable').DataTable( { responsive: true, "lengthMenu": [[8, 15, 30, -1], [8, 15, 30, "All"]] }); $('#assigned').DataTable( { responsive: true, "lengthMenu": [[8, 15, 30, -1], [8, 15, 30, "All"]] }); $('#closed').DataTable( { responsive: true, "lengthMenu": [[8, 15, 30, -1], [8, 15, 30, "All"]] }); $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) { $($.fn.dataTable.tables(true)).DataTable() .columns.adjust() .responsive.recalc(); }); });

ImadUllah (1) - 1 week ago - 0 replies 0


Bootstrap Tabs with Table

data-table just working on first tab and not working on other tabs...

ImadUllah (1) - 1 week ago - 1 replies 0


BootStrap TreeView

Is there any possibility to place a link besides every item ?for instanceTECH (view) Company Maintenance (view)etc ...thanks

amoreno (0) - 1 week ago - 0 replies 0


Nav Sidebar With Toggle Button

Tried to test the code on my machine and was unsuccessful. I basically copied and pasted everything, adding required html tags and links to javascript and css files. Is there something I'm missing?

beetee (0) - 1 week ago - 0 replies 0


Panel table with filters (per column)

Can i use filter like this using pure Bootstrap and Jquery ?

wahaboni (0) - 1 week ago - 0 replies 0


Chat Widget

i copied the html and css code but only html works !!

kassem (0) - 1 week ago - 0 replies 0


Fancy Sidebar Navigation

I've almost got this to work but I'm struggling with the background hover colour on the burger menu - its supposed to change colour to correspond with the menu title colour but mine is just white. Can anyone help to fix this please?Example: http://www.matthewsfrance.co.uk/burgermenutest.html

ktm1971 (0) - 1 week ago - 0 replies 0


Material Design Switch

If the html is fixed it works, but if I inject html asynchronously (li elements to the ul) it does nothing, any idea why? Thanks in advance.

mmucino (0) - 2 weeks ago - 0 replies 0


animation menu

excuseme, im new in this topic, how can in change the icon? what´s the library?

rockostar (0) - 2 weeks ago - 0 replies 0


Pinterest-like Responsive Grid

Hey Thanks for sharing awesome snippets, i have used this is in my website https://kalarikendramdelhi.com/, please check its awesome looking

webenlance (0) - 2 weeks ago - 0 replies 0


org chart 3

tried to stress-test a little bit with massive nodes , it won't work , unfortunately.

giorgoc (0) - 2 weeks ago - 0 replies 0


Functional Star Ratings (improved)

where i past the js code ? another page or in same html page ?

omar-bakhsh (0) - 2 weeks ago - 0 replies 0


Bootstrap Community, frontend Development

<body> <header> <nav class="navbar navbar-dark bg-primary"> <a class="navbar-brand" href="index.html"><img src="images/logo.png" width="60" height="30" class="d-inline-block mr-2" alt=""> Home</a> <button class="navbar-toggler order-first" type="button" data-toggle="collapse" data-target="#mainmenu" aria-controls="mainmenu" aria-expanded="false" aria-label="toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="mainmenu"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="#">Home</a> </li> <li class="nav-item dropdown"> <a class="nav-link" href="#">Zawody</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Historia</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Zdjęcia</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Wywiady</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Kontakt</a> </li> </ul> </div> </nav> </header> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="bootstrap/js/bootstrap.min.js"> </body>

Matthew987 (0) - 2 weeks ago - 0 replies 0


Accordion with plus/minus icon

yes it is not working, should one exchange the "Collapsible Group Item #1" with +/- symbols? but it doesn't work as well :-(

agnieszka (0) - 2 weeks ago - 0 replies 0