Questions tagged [django-bootstrap4]
36 questions
7
votes
1 answer
What are the differences between django-bootstrap4 and bootstrap4?
I am beginner in Django web development & currently I am using using bootstrap4 by loading bootstrap.min.css & bootstrap.min.js as below in html files.
Moon
- 4,014
- 3
- 30
- 66
4
votes
6 answers
ModuleNotFoundError: No module named 'bootstrap4'
I installed bootstrap4 with
$ pip install django-bootstrap4
It is being installed in this directory
C:\Users\trade\techpit-match-env\Lib\site-packages
Django seems to be looking at this…
kenichiro
- 43
- 1
- 1
- 4
2
votes
1 answer
django_bootstrap5 not formatting anything
I'm trying to get basic bootstrap formatting working in a django app, and installed django_bootstrap5 to do so. No formatting, however, is getting applied to any of the pages.
Here's the various pages:
base.html:
{% load…
BLimitless
- 2,060
- 5
- 17
- 32
2
votes
1 answer
Bootstrap 4 nav-toggler button not work on mobile device
The following code works with chrome browser on laptop, but doesn't work with chrome (v74 & v84) on mobile device. when clicking the button on mobile device, no response.
Learning…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/django-bootstrap4" class="post-tag grid--cell" title="show questions tagged 'django-bootstrap4'" rel="tag">django-bootstrap4</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Sep 02 '20 at 08:55">asked Sep 02 '20 at 08:55</time>
<a href="../../users/14207531/vinson" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/14207531.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Vinson" />
</a>
<div class="s-user-card--info">
<a href="../../users/14207531/vinson" class="s-user-card--link">Vinson</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">21</li>
<li class="s-award-bling s-award-bling__bronze" title="1 bronze badges">1</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-58320556">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>2</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>0</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/58320556/django-initial-form-value-from-templates" class="question-hyperlink">Django - Initial form value from templates</a></h3>
<div class="excerpt">i have one form and use it many times with a for loop in one template file. I want to set the values of the fields in my templates directly. I use Django-bootstrap4 and didn't now how to realize it.
I tried the template tags "bootstrap_form" and…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/django" class="post-tag grid--cell" title="show questions tagged 'django'" rel="tag">django</a>
<a href="../../questions/tagged/forms" class="post-tag grid--cell" title="show questions tagged 'forms'" rel="tag">forms</a>
<a href="../../questions/tagged/django-bootstrap4" class="post-tag grid--cell" title="show questions tagged 'django-bootstrap4'" rel="tag">django-bootstrap4</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Oct 10 '19 at 10:13">asked Oct 10 '19 at 10:13</time>
<a href="../../users/11802146/alessandro-napolitano" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/11802146.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Alessandro Napolitano" />
</a>
<div class="s-user-card--info">
<a href="../../users/11802146/alessandro-napolitano" class="s-user-card--link">Alessandro Napolitano</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">21</li>
<li class="s-award-bling s-award-bling__bronze" title="3 bronze badges">3</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-58118094">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>2</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/58118094/django-bootstrap4-javascript-jquery-css-not-working-properly" class="question-hyperlink">Django-Bootstrap4 Javascript, Jquery, CSS not working properly</a></h3>
<div class="excerpt">I'm trying to use the django-boostrap4 in my project, so I did the following:
My home_base.html
{% load static %}
{% load bootstrap4 %}
<!DOCTYPE html>
<html lang="pt-br" dir="ltr">
<head>
{% block head %}
<meta charset="utf-8">
<meta…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a>
<a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a>
<a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a>
<a href="../../questions/tagged/django-2.1" class="post-tag grid--cell" title="show questions tagged 'django-2.1'" rel="tag">django-2.1</a>
<a href="../../questions/tagged/django-bootstrap4" class="post-tag grid--cell" title="show questions tagged 'django-bootstrap4'" rel="tag">django-bootstrap4</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Sep 26 '19 at 13:36">asked Sep 26 '19 at 13:36</time>
<a href="../../users/4942954/c-s-f-junior" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/4942954.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="C. S. F. Junior" />
</a>
<div class="s-user-card--info">
<a href="../../users/4942954/c-s-f-junior" class="s-user-card--link">C. S. F. Junior</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">341</li>
<li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
<li class="s-award-bling s-award-bling__silver" title="3 silver badge">3</li>
<li class="s-award-bling s-award-bling__bronze" title="20 bronze badge">20</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-72609660">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>1</strong></span>
<div class="viewcount">vote</div>
</div>
</div>
<div class="status answered-accepted">
<strong>2</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/72609660/django-crispy-form-with-toggle-switch-element" class="question-hyperlink">Django Crispy Form with Toggle switch element</a></h3>
<div class="excerpt">I am using Crispy Forms and layout helper to generate my Input form. I'd like to add a Toggle switch into the form.
desired result:
what I get:
forms.py:
class RequestForm(forms.ModelForm):
on_prem =…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/django" class="post-tag grid--cell" title="show questions tagged 'django'" rel="tag">django</a>
<a href="../../questions/tagged/django-forms" class="post-tag grid--cell" title="show questions tagged 'django-forms'" rel="tag">django-forms</a>
<a href="../../questions/tagged/django-crispy-forms" class="post-tag grid--cell" title="show questions tagged 'django-crispy-forms'" rel="tag">django-crispy-forms</a>
<a href="../../questions/tagged/django-bootstrap4" class="post-tag grid--cell" title="show questions tagged 'django-bootstrap4'" rel="tag">django-bootstrap4</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Jun 13 '22 at 22:19">asked Jun 13 '22 at 22:19</time>
<a href="../../users/5272126/craig-p" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/5272126.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Craig P" />
</a>
<div class="s-user-card--info">
<a href="../../users/5272126/craig-p" class="s-user-card--link">Craig P</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">477</li>
<li class="s-award-bling s-award-bling__silver" title="6 silver badges">6</li>
<li class="s-award-bling s-award-bling__bronze" title="12 bronze badges">12</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-71984492">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>1</strong></span>
<div class="viewcount">vote</div>
</div>
</div>
<div class="status ">
<strong>0</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/71984492/django-bootstrap-modal-forms-additional-data-in-trigger" class="question-hyperlink">django-bootstrap-modal-forms additional data in trigger</a></h3>
<div class="excerpt">Using the following JQuery to trigger a modal:
$("#view-large").modalForm({
modalID: "#fullscreen",
formURL: "{% url 'view-fullscreen' ID %}"
});
The 'ID' i formURL is is what I'm missing. It's from a…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/jquery" class="post-tag grid--cell" title="show questions tagged 'jquery'" rel="tag">jquery</a>
<a href="../../questions/tagged/django" class="post-tag grid--cell" title="show questions tagged 'django'" rel="tag">django</a>
<a href="../../questions/tagged/django-forms" class="post-tag grid--cell" title="show questions tagged 'django-forms'" rel="tag">django-forms</a>
<a href="../../questions/tagged/bootstrap-modal" class="post-tag grid--cell" title="show questions tagged 'bootstrap-modal'" rel="tag">bootstrap-modal</a>
<a href="../../questions/tagged/django-bootstrap4" class="post-tag grid--cell" title="show questions tagged 'django-bootstrap4'" rel="tag">django-bootstrap4</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Apr 24 '22 at 00:00">asked Apr 24 '22 at 00:00</time>
<a href="../../users/12485028/heidar" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/12485028.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Heidar" />
</a>
<div class="s-user-card--info">
<a href="../../users/12485028/heidar" class="s-user-card--link">Heidar</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">11</li>
<li class="s-award-bling s-award-bling__bronze" title="1 bronze badges">1</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-68976329">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>1</strong></span>
<div class="viewcount">vote</div>
</div>
</div>
<div class="status answered-accepted">
<strong>2</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/68976329/my-form-does-not-save-using-bootstrap-for-styling-in-django" class="question-hyperlink">My form does not save using bootstrap for styling in django</a></h3>
<div class="excerpt">hello thank you for your visiting
I'm a new learner of Django
I would like to know how to style form using django-bootstrap-v5
i try this and does not work
i have this form.py
pathesForm = inlineformset_factory(
Book,
quotation,
…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/django" class="post-tag grid--cell" title="show questions tagged 'django'" rel="tag">django</a>
<a href="../../questions/tagged/forms" class="post-tag grid--cell" title="show questions tagged 'forms'" rel="tag">forms</a>
<a href="../../questions/tagged/styling" class="post-tag grid--cell" title="show questions tagged 'styling'" rel="tag">styling</a>
<a href="../../questions/tagged/django-bootstrap4" class="post-tag grid--cell" title="show questions tagged 'django-bootstrap4'" rel="tag">django-bootstrap4</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Aug 29 '21 at 19:39">asked Aug 29 '21 at 19:39</time>
<a href="../../users/15895591/ahmed-belkhiri" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/15895591.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="ahmed belkhiri" />
</a>
<div class="s-user-card--info">
<a href="../../users/15895591/ahmed-belkhiri" class="s-user-card--link">ahmed belkhiri</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">15</li>
<li class="s-award-bling s-award-bling__bronze" title="6 bronze badges">6</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-67084306">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>1</strong></span>
<div class="viewcount">vote</div>
</div>
</div>
<div class="status ">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/67084306/how-do-i-make-the-responsive-navigation-stack-vertically-on-the-small-screen-o" class="question-hyperlink">How do I make the responsive navigation stack vertically on the small screen or landscape orientation on smartphones (using Bootstrap 4 alpha 2)?</a></h3>
<div class="excerpt">Here is my CSS and HTML for that section:
@media (min-width:544px) {
.navbar-toggler {
float: right;
display: inline-block;
margin-top: 5px;
margin-bottom: 25px;
padding: 10px;
border: none;
}
.nav-responsive li {
…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/html" class="post-tag grid--cell" title="show questions tagged 'html'" rel="tag">html</a>
<a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a>
<a href="../../questions/tagged/responsive-design" class="post-tag grid--cell" title="show questions tagged 'responsive-design'" rel="tag">responsive-design</a>
<a href="../../questions/tagged/django-bootstrap4" class="post-tag grid--cell" title="show questions tagged 'django-bootstrap4'" rel="tag">django-bootstrap4</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Apr 14 '21 at 01:20">asked Apr 14 '21 at 01:20</time>
<a href="../../users/15587961/christy" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/15587961.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Christy" />
</a>
<div class="s-user-card--info">
<a href="../../users/15587961/christy" class="s-user-card--link">Christy</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">11</li>
<li class="s-award-bling s-award-bling__bronze" title="3 bronze badges">3</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-57659509">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>1</strong></span>
<div class="viewcount">vote</div>
</div>
</div>
<div class="status answered-accepted">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/57659509/generate-kwargs-for-django-bootstrap-field" class="question-hyperlink">Generate kwargs for Django bootstrap_field</a></h3>
<div class="excerpt">I'm trying to auto generate a list of fields for a Django form with the bootstrap4 package.
I'm defining the kwargs in a dict, and want to loop through the fields and apply any kwargs to the bootstrap_field tag that comes with bootstrap4.
Data
data…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/django" class="post-tag grid--cell" title="show questions tagged 'django'" rel="tag">django</a>
<a href="../../questions/tagged/django-bootstrap4" class="post-tag grid--cell" title="show questions tagged 'django-bootstrap4'" rel="tag">django-bootstrap4</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Aug 26 '19 at 14:05">asked Aug 26 '19 at 14:05</time>
<a href="../../users/636064/brenden" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/636064.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Brenden" />
</a>
<div class="s-user-card--info">
<a href="../../users/636064/brenden" class="s-user-card--link">Brenden</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">8,264</li>
<li class="s-award-bling s-award-bling__gold" title="14 gold badges">14</li>
<li class="s-award-bling s-award-bling__silver" title="48 silver badges">48</li>
<li class="s-award-bling s-award-bling__bronze" title="78 bronze badges">78</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-55949682">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>1</strong></span>
<div class="viewcount">vote</div>
</div>
</div>
<div class="status ">
<strong>2</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/55949682/datepicker-is-not-showing" class="question-hyperlink">datepicker Is not showing?</a></h3>
<div class="excerpt">I am developing an application with Django and I need to choose date and time. I am trying to do it with 'bootstrap_datepicker_plus', but the calendar does not appear when I show the form.
settings.py
INSTALLED_APPS = [
'django.contrib.admin',
…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/django" class="post-tag grid--cell" title="show questions tagged 'django'" rel="tag">django</a>
<a href="../../questions/tagged/bootstrap-4" class="post-tag grid--cell" title="show questions tagged 'bootstrap-4'" rel="tag">bootstrap-4</a>
<a href="../../questions/tagged/django-bootstrap4" class="post-tag grid--cell" title="show questions tagged 'django-bootstrap4'" rel="tag">django-bootstrap4</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked May 02 '19 at 09:43">asked May 02 '19 at 09:43</time>
<a href="../../users/11432514/david-de-la-varga" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/11432514.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="David De La Varga" />
</a>
<div class="s-user-card--info">
<a href="../../users/11432514/david-de-la-varga" class="s-user-card--link">David De La Varga</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">21</li>
<li class="s-award-bling s-award-bling__bronze" title="6 bronze badges">6</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-54130092">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>1</strong></span>
<div class="viewcount">vote</div>
</div>
</div>
<div class="status ">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/54130092/replace-a-char-in-django-template-before-final-rendering" class="question-hyperlink">Replace a char in django template before final rendering</a></h3>
<div class="excerpt">I want to make all of my asterisks (*) in a template in red color in a Django Template. (E.g. in form labels that * symbol points the field is required. But when putting * in label of a form field it is rendered as black color as usual.
How can I…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/django" class="post-tag grid--cell" title="show questions tagged 'django'" rel="tag">django</a>
<a href="../../questions/tagged/django-templates" class="post-tag grid--cell" title="show questions tagged 'django-templates'" rel="tag">django-templates</a>
<a href="../../questions/tagged/jinja2" class="post-tag grid--cell" title="show questions tagged 'jinja2'" rel="tag">jinja2</a>
<a href="../../questions/tagged/django-bootstrap4" class="post-tag grid--cell" title="show questions tagged 'django-bootstrap4'" rel="tag">django-bootstrap4</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Jan 10 '19 at 13:46">asked Jan 10 '19 at 13:46</time>
<a href="../../users/5506167/saleh" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/5506167.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Saleh" />
</a>
<div class="s-user-card--info">
<a href="../../users/5506167/saleh" class="s-user-card--link">Saleh</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">1,819</li>
<li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
<li class="s-award-bling s-award-bling__silver" title="17 silver badge">17</li>
<li class="s-award-bling s-award-bling__bronze" title="44 bronze badge">44</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-76986029">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/76986029/problems-with-djano-bootstra5-my-server-won-t-run" class="question-hyperlink">problems with djano-bootstra5. My server won't run</a></h3>
<div class="excerpt">`I am working Python Crash Course and is making an learning_log app in Django. I have installed django-bootstrap5, but when I put the code in my bsettings.py:
INSTALLED_APPS = [
#My apps.
'learning_logs',
'accounts',
#third party…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/django-bootstrap4" class="post-tag grid--cell" title="show questions tagged 'django-bootstrap4'" rel="tag">django-bootstrap4</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Aug 27 '23 at 07:08">asked Aug 27 '23 at 07:08</time>
<a href="../../users/22286356/peter-knap" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/22286356.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Peter Knap" />
</a>
<div class="s-user-card--info">
<a href="../../users/22286356/peter-knap" class="s-user-card--link">Peter Knap</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">3</li>
<li class="s-award-bling s-award-bling__bronze" title="1 bronze badges">1</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-74828351">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>0</strong> answers
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/74828351/change-in-fonts-and-spacing-in-a-django-app" class="question-hyperlink">change in fonts and spacing in a django app</a></h3>
<div class="excerpt">I installed django bootstrap5 but it seems to have messed up the css and fonts and i can't seem to figure out what went wrong..I have a website am trying to clone, innitially things looked pretty the same until i tried installing django bootstrap…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/django" class="post-tag grid--cell" title="show questions tagged 'django'" rel="tag">django</a>
<a href="../../questions/tagged/bootstrap-4" class="post-tag grid--cell" title="show questions tagged 'bootstrap-4'" rel="tag">bootstrap-4</a>
<a href="../../questions/tagged/django-templates" class="post-tag grid--cell" title="show questions tagged 'django-templates'" rel="tag">django-templates</a>
<a href="../../questions/tagged/tailwind-css" class="post-tag grid--cell" title="show questions tagged 'tailwind-css'" rel="tag">tailwind-css</a>
<a href="../../questions/tagged/django-bootstrap4" class="post-tag grid--cell" title="show questions tagged 'django-bootstrap4'" rel="tag">django-bootstrap4</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Dec 16 '22 at 18:16">asked Dec 16 '22 at 18:16</time>
<a href="../../users/5824807/daman" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/5824807.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Daman" />
</a>
<div class="s-user-card--info">
<a href="../../users/5824807/daman" class="s-user-card--link">Daman</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">1</li>
<li class="s-award-bling s-award-bling__bronze" title="2 bronze badges">2</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="s-pagination pager fr">
<div class="s-pagination--item is-selected">1</div>
<a class="s-pagination--item" href="../../questions/tagged/django-bootstrap4_page=2" rel="" title="Go to page 2">2</a>
<a class="s-pagination--item" href="../../questions/tagged/django-bootstrap4_page=3" rel="" title="Go to page 3">3</a>
<a class="s-pagination--item" href="../../questions/tagged/django-bootstrap4_page=2" rel="next" title="Go to page 2"> Next</a>
</div>
</div>
</div>
</div>
</div>
<script src="../../static/js/stack-icons.js"></script>
<script src="../../static/js/fromnow.js"></script>
</body>
</html>