bootstrap-4 Questions

Html – Formatting of a sentence with text box on one line

March 20, 2024
rimi
2 Answers

I have the following Bootstrap row on my page: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous"> <div class="form-group row"> <div class="col-sm-6"> I, <input type="text" asp-for="FullName" class="form-control input-lg" />, </div> <div class="col-sm-6"> hereby acknowledge that I understand my responsibility as an: </div> </div>…

VIEW QUESTION

How can I achieve this with html and css?

March 13, 2024
Barshat Acharya
2 Answers

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…

VIEW QUESTION

Javascript – Angular: Prevent modal from closing when there is error

March 11, 2024
Sha Na
2 Answers

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…

VIEW QUESTION

Select Dropdown with Multi Select and Search in Flutter

February 23, 2024
sayantan poddar
2 Answers

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…

VIEW QUESTION

Html – How to style the element of bootstrap according to the screen size

February 21, 2024
SBN Raju
2 Answers

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…

VIEW QUESTION

Jquery – Bootstrap4: Checkboxes and Labels Click Events

February 19, 2024
zesaro
2 Answers

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…

VIEW QUESTION

Html – Can't get modal to display type and image of Pokemon

February 14, 2024
Christian Canales
2 Answers

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>…

VIEW QUESTION

Html – How can I open a Bootstrap modal when an input is clicked?

February 1, 2024
zei
2 Answers

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…

VIEW QUESTION

How to use “` in order to show as a code block in my HTML page?

January 15, 2024
Redhill
2 Answers

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> {%…

VIEW QUESTION

Jquery – floating label effect remove when the required is remove too

January 10, 2024
Bryan Clerigo
2 Answers

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…

VIEW QUESTION