bootstrap-4

问题 I want to add random values, depending on the criterion, for example if I choose "Loans" and in the second criterion "Week" I would like the total summed values ​​to be shown in the table in a week, that is to say 7 days, the same if the chosen criterion was 1 month, the total values ​​would be in 31 days. Values ​​are random because this is not in a database. const sampleData = { "0": [30, 2, 18, 6], "1": [435, 234, 38, 84], "2": [464, 34, 49, 33], "3": [342, 96, 60, 74], }; const setValues

问题 I want to add random values, depending on the criterion, for example if I choose "Loans" and in the second criterion "Week" I would like the total summed values ​​to be shown in the table in a week, that is to say 7 days, the same if the chosen criterion was 1 month, the total values ​​would be in 31 days. Values ​​are random because this is not in a database. const sampleData = { "0": [30, 2, 18, 6], "1": [435, 234, 38, 84], "2": [464, 34, 49, 33], "3": [342, 96, 60, 74], }; const setValues

问题 I would like to decrease the the height a bit so that the image fits better on my page. An example of what I mean: I tried to use custom CSS to change the height but then my images look strange and out of place. My HTML: <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> <!-- jQuery first, then Popper.js, then

问题 I would like to decrease the the height a bit so that the image fits better on my page. An example of what I mean: I tried to use custom CSS to change the height but then my images look strange and out of place. My HTML: <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> <!-- jQuery first, then Popper.js, then

问题 I have a table. The only CSS I am adding to the standard Bootstrap library is the following to implement the sticky header: .table-sticky th { background: #fff; position: sticky; top: -1px; z-index: 990; } <div class="table-responsive p-0 mt-2"> <table class="table table-sm table-striped table-hover table-sticky"> <thead> <tr> <th>#</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> </tr> </thead> <tbody> <tr> <td>1,001</td> <td>Lorem</td> <td>ipsum</td> <td>dolor</td> <td

问题 I am using WTForms in conjunction with Flask and I would like to integrate the Bootstrap Form Validation for errors in my form. I have a basic login form setup something like this: class LoginForm(FlaskForm): """Login form.""" email = EmailField( "Email Address", validators=[DataRequired(), Email(), Length(min=6, max=40)] ) password = PasswordField( "Password", validators=[DataRequired()] ) def __init__(self, *args, **kwargs): """Create instance.""" super(LoginForm, self).__init__(*args, *

问题 I am using WTForms in conjunction with Flask and I would like to integrate the Bootstrap Form Validation for errors in my form. I have a basic login form setup something like this: class LoginForm(FlaskForm): """Login form.""" email = EmailField( "Email Address", validators=[DataRequired(), Email(), Length(min=6, max=40)] ) password = PasswordField( "Password", validators=[DataRequired()] ) def __init__(self, *args, **kwargs): """Create instance.""" super(LoginForm, self).__init__(*args, *

问题 I am using WTForms in conjunction with Flask and I would like to integrate the Bootstrap Form Validation for errors in my form. I have a basic login form setup something like this: class LoginForm(FlaskForm): """Login form.""" email = EmailField( "Email Address", validators=[DataRequired(), Email(), Length(min=6, max=40)] ) password = PasswordField( "Password", validators=[DataRequired()] ) def __init__(self, *args, **kwargs): """Create instance.""" super(LoginForm, self).__init__(*args, *

问题 I have an inline form with a search bar and a search button next to it. How can I force the input-group div to span across the entire column in Bootstrap 4 and preferably without using custom CSS? <div class="container"> <div class="row"> <div class="col-md-12"> <form class="form-inline" action="/search" accept-charset="UTF-8" method="get"> <div class="input-group"> <input type="text" name="search" id="search" value="test" placeholder="Search accounts, contracts and transactions" class="form

问题 Before I get completely shot down in flames on here, I can't think of any other way of wording or phrasing this question other than how I'm doing as follows.... I would like to set 2 additional breakpoints in Bootstrap 4 for 1366px and 1920px as Bootstrap's xl is very limited at just 1200px. My page references bootstrap.min.css and bootstrap.bundle.min.js. I have added --breakpoint-xxl:1366px;--breakpoint-xxxl:1920px; directly after --breakpoint-xl:1200px; in the boostrap.min.css file and I