How can I achieve this with html and css?
I am creating a portfolio website for myself but i am a beginner in web dev. I wanted to create a section in my page at the bottom where the "start a project" box in the picture will be my…
Javascript – Angular: Prevent modal from closing when there is error
I have made use of a generic approach where on adding a food item, a modal with a form will open to let the user add his details. However, for the check on backend for duplicate items, i can only…
Select Dropdown with Multi Select and Search in Flutter
As I work on my Flutter application, I'm having trouble with the form widget. I was unable to locate a plugin that would work for my need for this kind of multi-select dropdown with search. Even though I've found one…
Html – How to style the element of bootstrap according to the screen size
How to change the styles according to the screen size in bootstrap? And how to style the element do we have to declare our own class and change according to the screen size or how? How to do it? and…
Jquery – Bootstrap4: Checkboxes and Labels Click Events
I use Bootstrap to design my forms. There is a checkbox and an associated label. My goal is to change the value of the checkbox by clicking on the checkbox and to be able to edit the text of the…
Html – Can't get modal to display type and image of Pokemon
HTML: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>My First JS App</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="css/styles.css"> </head> <body> <header class = "page-header"> <img src = "img/PokemonLogo.svg" alt = "Pokemon Logo" class = "logo"> </header>…
Html – How can I open a Bootstrap modal when an input is clicked?
I'm working with Bootstrap and I have a search form and a modal. I want my model to open up when I click on the search form. The modals I found online were only working with a button but I…
How to use “` in order to show as a code block in my HTML page?
I am using Python Django, Bootstrap 5 and my HTML code is here: <div id="chat_hist" data-bs-spy="scroll" data-bs-root-margin="0px 0px -40%" data-bs-smooth-scroll="true" class="scrollspy-example bg-body-tertiary p-3 rounded-2" tabindex="0" > {% for chat in chat_history %} <p style="white-space: pre-line;"> {{chat.message | safe}} </p> {%…
Jquery – floating label effect remove when the required is remove too
is there a way I can use for the floating Label on bootstrap 4, when im removing the required on the input the label stay's at the top of the border. $(document).ready(function() { $('.form-group input').on('focus', function() { $(this).siblings('label').addClass('active'); }); $('.form-group…
How to ensure word wrapping within the screen width with html and bootstrap
I'm making a web application on Flask, Mongodb, HTML and Bootstrap. My problem is that words in a table column go off the screen and I need to scroll browser window to read them. Could you please give me an…