How can I use Bootstrap 4 while using Flask for Python 3?
I have checked and found that Flask-Bootstrap natively uses Bootstrap 3.3.7 when you install it by default. But actually I wanted to use Bootstrap 4+ for my project by using Flask-Bootstrap package, any help would be much appreciated of how to update it or anything like that.
Thanks
python flask bootstrap-4 flask-bootstrap
edited Jan 18 at 17:07
davidism
62.9k12165183
asked Jan 18 at 16:16
faruk13faruk13
13317
add a comment |
I have checked and found that Flask-Bootstrap natively uses Bootstrap 3.3.7 when you install it by default. But actually I wanted to use Bootstrap 4+ for my project by using Flask-Bootstrap package, any help would be much appreciated of how to update it or anything like that.
Thanks
python flask bootstrap-4 flask-bootstrap
edited Jan 18 at 17:07
davidism
62.9k12165183
asked Jan 18 at 16:16
faruk13faruk13
13317
add a comment |
I have checked and found that Flask-Bootstrap natively uses Bootstrap 3.3.7 when you install it by default. But actually I wanted to use Bootstrap 4+ for my project by using Flask-Bootstrap package, any help would be much appreciated of how to update it or anything like that.
Thanks
python flask bootstrap-4 flask-bootstrap
edited Jan 18 at 17:07
davidism
62.9k12165183
asked Jan 18 at 16:16
faruk13faruk13
13317
I have checked and found that Flask-Bootstrap natively uses Bootstrap 3.3.7 when you install it by default. But actually I wanted to use Bootstrap 4+ for my project by using Flask-Bootstrap package, any help would be much appreciated of how to update it or anything like that.
Thanks
python flask bootstrap-4 flask-bootstrap
python flask bootstrap-4 flask-bootstrap
edited Jan 18 at 17:07
davidism
62.9k12165183
asked Jan 18 at 16:16
faruk13faruk13
13317
edited Jan 18 at 17:07
davidism
62.9k12165183
asked Jan 18 at 16:16
faruk13faruk13
13317
edited Jan 18 at 17:07
davidism
62.9k12165183
edited Jan 18 at 17:07
davidism
62.9k12165183
edited Jan 18 at 17:07
davidism
62.9k12165183
62.9k12165183
asked Jan 18 at 16:16
faruk13faruk13
13317
asked Jan 18 at 16:16
faruk13faruk13
13317
asked Jan 18 at 16:16
faruk13faruk13
13317
13317
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
There is a fork called Bootstrap-Flask that is up to date.
That said, however, it is not a good idea to use either Flask-Bootstrap or Bootstrap-Flask. These are very thin packages with a small layer of indirection that primarily serve to obscure your understanding.
Instead, I recommend using the starter template provided by Bootstrap 4, which will always be up to date to whatever version you require using their CDN.
If you stick with Bootstrap, you will soon want to build your own Bootstrap anyways so you can do things like add custom themes. Hacking Bootstrap with CSS instead of using their SASS customization scheme is painful (I did it for a while). The build process is well documented and simple enough, just a few installations required.
answered Jan 18 at 16:22
okovkookovko
733315
I get your point, but actually I wanted something that allows me to integrate onto my project fast, so I had used Flask-Bootstrap. For example it had different orientation for things like WTForms for Flask.
– faruk13
Jan 18 at 16:32
@faruk13 So then use Bootstrap-Flask which is up to date. It is exactly what you asked for.
– okovko
Jan 18 at 16:33
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54257732%2fhow-can-i-use-bootstrap-4-while-using-flask-for-python-3%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
There is a fork called Bootstrap-Flask that is up to date.
That said, however, it is not a good idea to use either Flask-Bootstrap or Bootstrap-Flask. These are very thin packages with a small layer of indirection that primarily serve to obscure your understanding.
Instead, I recommend using the starter template provided by Bootstrap 4, which will always be up to date to whatever version you require using their CDN.
If you stick with Bootstrap, you will soon want to build your own Bootstrap anyways so you can do things like add custom themes. Hacking Bootstrap with CSS instead of using their SASS customization scheme is painful (I did it for a while). The build process is well documented and simple enough, just a few installations required.
answered Jan 18 at 16:22
okovkookovko
733315
I get your point, but actually I wanted something that allows me to integrate onto my project fast, so I had used Flask-Bootstrap. For example it had different orientation for things like WTForms for Flask.
– faruk13
Jan 18 at 16:32
@faruk13 So then use Bootstrap-Flask which is up to date. It is exactly what you asked for.
– okovko
Jan 18 at 16:33
add a comment |
There is a fork called Bootstrap-Flask that is up to date.
That said, however, it is not a good idea to use either Flask-Bootstrap or Bootstrap-Flask. These are very thin packages with a small layer of indirection that primarily serve to obscure your understanding.
Instead, I recommend using the starter template provided by Bootstrap 4, which will always be up to date to whatever version you require using their CDN.
If you stick with Bootstrap, you will soon want to build your own Bootstrap anyways so you can do things like add custom themes. Hacking Bootstrap with CSS instead of using their SASS customization scheme is painful (I did it for a while). The build process is well documented and simple enough, just a few installations required.
answered Jan 18 at 16:22
okovkookovko
733315
I get your point, but actually I wanted something that allows me to integrate onto my project fast, so I had used Flask-Bootstrap. For example it had different orientation for things like WTForms for Flask.
– faruk13
Jan 18 at 16:32
@faruk13 So then use Bootstrap-Flask which is up to date. It is exactly what you asked for.
– okovko
Jan 18 at 16:33
add a comment |
There is a fork called Bootstrap-Flask that is up to date.
That said, however, it is not a good idea to use either Flask-Bootstrap or Bootstrap-Flask. These are very thin packages with a small layer of indirection that primarily serve to obscure your understanding.
Instead, I recommend using the starter template provided by Bootstrap 4, which will always be up to date to whatever version you require using their CDN.
If you stick with Bootstrap, you will soon want to build your own Bootstrap anyways so you can do things like add custom themes. Hacking Bootstrap with CSS instead of using their SASS customization scheme is painful (I did it for a while). The build process is well documented and simple enough, just a few installations required.
answered Jan 18 at 16:22
okovkookovko
733315
There is a fork called Bootstrap-Flask that is up to date.
That said, however, it is not a good idea to use either Flask-Bootstrap or Bootstrap-Flask. These are very thin packages with a small layer of indirection that primarily serve to obscure your understanding.
Instead, I recommend using the starter template provided by Bootstrap 4, which will always be up to date to whatever version you require using their CDN.
If you stick with Bootstrap, you will soon want to build your own Bootstrap anyways so you can do things like add custom themes. Hacking Bootstrap with CSS instead of using their SASS customization scheme is painful (I did it for a while). The build process is well documented and simple enough, just a few installations required.
answered Jan 18 at 16:22
okovkookovko
733315
edited Jan 18 at 16:27
answered Jan 18 at 16:22
okovkookovko
733315
answered Jan 18 at 16:22
okovkookovko
733315
answered Jan 18 at 16:22
okovkookovko
733315
733315
I get your point, but actually I wanted something that allows me to integrate onto my project fast, so I had used Flask-Bootstrap. For example it had different orientation for things like WTForms for Flask.
– faruk13
Jan 18 at 16:32
@faruk13 So then use Bootstrap-Flask which is up to date. It is exactly what you asked for.
– okovko
Jan 18 at 16:33
add a comment |
I get your point, but actually I wanted something that allows me to integrate onto my project fast, so I had used Flask-Bootstrap. For example it had different orientation for things like WTForms for Flask.
– faruk13
Jan 18 at 16:32
@faruk13 So then use Bootstrap-Flask which is up to date. It is exactly what you asked for.
– okovko
Jan 18 at 16:33
I get your point, but actually I wanted something that allows me to integrate onto my project fast, so I had used Flask-Bootstrap. For example it had different orientation for things like WTForms for Flask.
– faruk13
Jan 18 at 16:32
I get your point, but actually I wanted something that allows me to integrate onto my project fast, so I had used Flask-Bootstrap. For example it had different orientation for things like WTForms for Flask.
– faruk13
Jan 18 at 16:32
@faruk13 So then use Bootstrap-Flask which is up to date. It is exactly what you asked for.
– okovko
Jan 18 at 16:33
@faruk13 So then use Bootstrap-Flask which is up to date. It is exactly what you asked for.
– okovko
Jan 18 at 16:33
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54257732%2fhow-can-i-use-bootstrap-4-while-using-flask-for-python-3%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
