@Raza403 - you should not copy and paste the entire bootstrap.css code into your CSS panel. You can go to the CSS config panel and just include the link to get Bootstrap.min.css loaded in. You can select either V3 or V4 - it's the best way to get it included. That's the first thing to note...
@korzo Thanks; Fixed it
refath sends brownie points to @korzo :sparkles: :thumbsup: :sparkles:
@Raza403 - any other external CSS should be linked in a similar way in the CSS config panel, and the way you are including those JS files will not work there. Not sure if that is a problem for you right now, but they should be linked to in the JS config panel...
@khaduch I have changed css and linked bootstrap 4, output changed, thats why I prefer to use full css
Here's an image:
@khaduch I develop on vs code so that I have those scripts at the bottom, I should have omitted them before posting here
@khaduch That's my fault
@Raza403 - okay - do you mean that you changed the Bootstrap code? That's okay to do, but you can customize it by setting different characteristics for the classes that you need to change. But you might be aware of that. The buttons on the sample project are created by setting CSS classes to hide and show the buttons and are activated by clicking on them, a CSS class to show the "active" button is added to the button that you click on and remove from the other.
@Raza403 - that's okay about the JS files - I wasn't sure if you were using those to implement your page up to this point and that was affecting your results by not actually having them get loaded.
@khaduch how are these buttons get aligned right in a row with heading
@Raza403 - it looks like they are using "absolute" positioning on the div that contains those three buttons