How to get scss files from bootstrap that will support me only navbar menu and not entire bootstrap lib?Why not use tables for layout in HTML?How to import scss file in compass only if it exists?Bootstrap 3 Flush footer to bottom. not fixedDownload bootstrap navbar only?Bootstrap 3 Responsive Menu - Navbar spacing issueimport bootstrap-sass to scss fileBootstrap side menu collapse with navbarHow to compile bootstrap scss to cssHow to make bootstrap buttons in the navbar span the entire navbar
Electric shock from pedals and guitar. Jacks too long?
How is lower/no gravity simulated on a planet with gravity, without leaving the surface?
What can we do about our 9-month-old putting fingers down his throat?
Leaving the USA for 10 yrs when you have asylum
Why do the British opposition parties not want a new election?
Are personality traits, ideals, bonds, and flaws required?
How there are 3 possible tautomers of 2,2,4-trimethylheptane-3,5-dione?
How do Scrum teams manage their dependencies on other teams?
How to calculate the proper layer height multiples?
What is this sticking out of my wall?
Remove outer padding in tikzcd
Problem with listing a directory to grep
RANK used in 'where' returns invalid column, but exists in results set
Distinguishing between octahedral and tetrahedral holes
The pirate treasure of Leatherback Atoll
Poor management handling of recent sickness and how to approach my return?
A question regarding Buddhist world view and sense organs and their objects
When does order matter in probability?
Features seen on the Space Shuttle's solid booster; what does "LOADED" mean exactly?
Is there a way to deal with desistance in a off-chain game?
I multiply the source, you (probably) multiply the output!
How should Thaumaturgy's "three times as loud as normal" be interpreted?
UK citizen travelling to France at the end of November
Quick Shikaku Puzzle: Stars and Stripes
How to get scss files from bootstrap that will support me only navbar menu and not entire bootstrap lib?
Why not use tables for layout in HTML?How to import scss file in compass only if it exists?Bootstrap 3 Flush footer to bottom. not fixedDownload bootstrap navbar only?Bootstrap 3 Responsive Menu - Navbar spacing issueimport bootstrap-sass to scss fileBootstrap side menu collapse with navbarHow to compile bootstrap scss to cssHow to make bootstrap buttons in the navbar span the entire navbar
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
I have a problem when I download scss files from bootstrap, I have too many @import that I don't need I only need @import nav and navbar but there is a lot of errors that happen. Is there any generator of bootstrap code or any other way to help me solve this problem?
html sass bootstrap-4
edited Mar 28 at 10:41
blank
155 bronze badges
asked Mar 28 at 7:28
NeoNeo
246 bronze badges
add a comment |
I have a problem when I download scss files from bootstrap, I have too many @import that I don't need I only need @import nav and navbar but there is a lot of errors that happen. Is there any generator of bootstrap code or any other way to help me solve this problem?
html sass bootstrap-4
edited Mar 28 at 10:41
blank
155 bronze badges
asked Mar 28 at 7:28
NeoNeo
246 bronze badges
add a comment |
I have a problem when I download scss files from bootstrap, I have too many @import that I don't need I only need @import nav and navbar but there is a lot of errors that happen. Is there any generator of bootstrap code or any other way to help me solve this problem?
html sass bootstrap-4
edited Mar 28 at 10:41
blank
155 bronze badges
asked Mar 28 at 7:28
NeoNeo
246 bronze badges
I have a problem when I download scss files from bootstrap, I have too many @import that I don't need I only need @import nav and navbar but there is a lot of errors that happen. Is there any generator of bootstrap code or any other way to help me solve this problem?
html sass bootstrap-4
html sass bootstrap-4
edited Mar 28 at 10:41
blank
155 bronze badges
asked Mar 28 at 7:28
NeoNeo
246 bronze badges
edited Mar 28 at 10:41
blank
155 bronze badges
asked Mar 28 at 7:28
NeoNeo
246 bronze badges
edited Mar 28 at 10:41
blank
155 bronze badges
edited Mar 28 at 10:41
blank
155 bronze badges
edited Mar 28 at 10:41
blank
155 bronze badges
155 bronze badges
asked Mar 28 at 7:28
NeoNeo
246 bronze badges
asked Mar 28 at 7:28
NeoNeo
246 bronze badges
asked Mar 28 at 7:28
NeoNeo
246 bronze badges
246 bronze badges
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
It's hard to say why you're getting so many errors without seeing your code, but in general if you only want the styles of nav and navbar, you can just import like this:
// custom.scss
// Required
@import "../../node_modules/bootstrap/scss/functions";
@import "../../node_modules/bootstrap/scss/variables";
@import "../../node_modules/bootstrap/scss/mixins";
@import "../../node_modules/bootstrap/scss/nav";
@import "../../node_modules/bootstrap/scss/navbar";
Assuming your project structure is:
WebProject
- Assets
- css
- custom.scss
- node_modules
- bootstrap
answered Mar 28 at 7:35
David LiangDavid Liang
8,0182 gold badges22 silver badges36 bronze badges
I need to add that this works only if you are doing inside bootstrap.scss folder and not outside in custom class and the order is very important! Thank you for the answer!
– Neo
Mar 28 at 10:52
@Neo: Nope, it doesn't make sense to modify existingbootstrap.scssbecause when there is a newer version of bootstrap available and you use Nuget or npm to get the latest, it will override what you've already done. For my example up there I am doing it inside thecustom.scss! That's the whole point of creating a separate file (called custom.scss) to reference bootstrap and re-compile it into your own theme, instead of just referencing bootstrap.css.
– David Liang
Mar 28 at 20:04
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/4.0/"u003ecc by-sa 4.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%2f55392192%2fhow-to-get-scss-files-from-bootstrap-that-will-support-me-only-navbar-menu-and-n%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
It's hard to say why you're getting so many errors without seeing your code, but in general if you only want the styles of nav and navbar, you can just import like this:
// custom.scss
// Required
@import "../../node_modules/bootstrap/scss/functions";
@import "../../node_modules/bootstrap/scss/variables";
@import "../../node_modules/bootstrap/scss/mixins";
@import "../../node_modules/bootstrap/scss/nav";
@import "../../node_modules/bootstrap/scss/navbar";
Assuming your project structure is:
WebProject
- Assets
- css
- custom.scss
- node_modules
- bootstrap
answered Mar 28 at 7:35
David LiangDavid Liang
8,0182 gold badges22 silver badges36 bronze badges
I need to add that this works only if you are doing inside bootstrap.scss folder and not outside in custom class and the order is very important! Thank you for the answer!
– Neo
Mar 28 at 10:52
@Neo: Nope, it doesn't make sense to modify existingbootstrap.scssbecause when there is a newer version of bootstrap available and you use Nuget or npm to get the latest, it will override what you've already done. For my example up there I am doing it inside thecustom.scss! That's the whole point of creating a separate file (called custom.scss) to reference bootstrap and re-compile it into your own theme, instead of just referencing bootstrap.css.
– David Liang
Mar 28 at 20:04
add a comment |
It's hard to say why you're getting so many errors without seeing your code, but in general if you only want the styles of nav and navbar, you can just import like this:
// custom.scss
// Required
@import "../../node_modules/bootstrap/scss/functions";
@import "../../node_modules/bootstrap/scss/variables";
@import "../../node_modules/bootstrap/scss/mixins";
@import "../../node_modules/bootstrap/scss/nav";
@import "../../node_modules/bootstrap/scss/navbar";
Assuming your project structure is:
WebProject
- Assets
- css
- custom.scss
- node_modules
- bootstrap
answered Mar 28 at 7:35
David LiangDavid Liang
8,0182 gold badges22 silver badges36 bronze badges
I need to add that this works only if you are doing inside bootstrap.scss folder and not outside in custom class and the order is very important! Thank you for the answer!
– Neo
Mar 28 at 10:52
@Neo: Nope, it doesn't make sense to modify existingbootstrap.scssbecause when there is a newer version of bootstrap available and you use Nuget or npm to get the latest, it will override what you've already done. For my example up there I am doing it inside thecustom.scss! That's the whole point of creating a separate file (called custom.scss) to reference bootstrap and re-compile it into your own theme, instead of just referencing bootstrap.css.
– David Liang
Mar 28 at 20:04
add a comment |
It's hard to say why you're getting so many errors without seeing your code, but in general if you only want the styles of nav and navbar, you can just import like this:
// custom.scss
// Required
@import "../../node_modules/bootstrap/scss/functions";
@import "../../node_modules/bootstrap/scss/variables";
@import "../../node_modules/bootstrap/scss/mixins";
@import "../../node_modules/bootstrap/scss/nav";
@import "../../node_modules/bootstrap/scss/navbar";
Assuming your project structure is:
WebProject
- Assets
- css
- custom.scss
- node_modules
- bootstrap
answered Mar 28 at 7:35
David LiangDavid Liang
8,0182 gold badges22 silver badges36 bronze badges
It's hard to say why you're getting so many errors without seeing your code, but in general if you only want the styles of nav and navbar, you can just import like this:
// custom.scss
// Required
@import "../../node_modules/bootstrap/scss/functions";
@import "../../node_modules/bootstrap/scss/variables";
@import "../../node_modules/bootstrap/scss/mixins";
@import "../../node_modules/bootstrap/scss/nav";
@import "../../node_modules/bootstrap/scss/navbar";
Assuming your project structure is:
WebProject
- Assets
- css
- custom.scss
- node_modules
- bootstrap
answered Mar 28 at 7:35
David LiangDavid Liang
8,0182 gold badges22 silver badges36 bronze badges
answered Mar 28 at 7:35
David LiangDavid Liang
8,0182 gold badges22 silver badges36 bronze badges
answered Mar 28 at 7:35
David LiangDavid Liang
8,0182 gold badges22 silver badges36 bronze badges
answered Mar 28 at 7:35
David LiangDavid Liang
8,0182 gold badges22 silver badges36 bronze badges
8,0182 gold badges22 silver badges36 bronze badges
I need to add that this works only if you are doing inside bootstrap.scss folder and not outside in custom class and the order is very important! Thank you for the answer!
– Neo
Mar 28 at 10:52
@Neo: Nope, it doesn't make sense to modify existingbootstrap.scssbecause when there is a newer version of bootstrap available and you use Nuget or npm to get the latest, it will override what you've already done. For my example up there I am doing it inside thecustom.scss! That's the whole point of creating a separate file (called custom.scss) to reference bootstrap and re-compile it into your own theme, instead of just referencing bootstrap.css.
– David Liang
Mar 28 at 20:04
add a comment |
I need to add that this works only if you are doing inside bootstrap.scss folder and not outside in custom class and the order is very important! Thank you for the answer!
– Neo
Mar 28 at 10:52
@Neo: Nope, it doesn't make sense to modify existingbootstrap.scssbecause when there is a newer version of bootstrap available and you use Nuget or npm to get the latest, it will override what you've already done. For my example up there I am doing it inside thecustom.scss! That's the whole point of creating a separate file (called custom.scss) to reference bootstrap and re-compile it into your own theme, instead of just referencing bootstrap.css.
– David Liang
Mar 28 at 20:04
I need to add that this works only if you are doing inside bootstrap.scss folder and not outside in custom class and the order is very important! Thank you for the answer!
– Neo
Mar 28 at 10:52
I need to add that this works only if you are doing inside bootstrap.scss folder and not outside in custom class and the order is very important! Thank you for the answer!
– Neo
Mar 28 at 10:52
@Neo: Nope, it doesn't make sense to modify existing
bootstrap.scss because when there is a newer version of bootstrap available and you use Nuget or npm to get the latest, it will override what you've already done. For my example up there I am doing it inside the custom.scss! That's the whole point of creating a separate file (called custom.scss) to reference bootstrap and re-compile it into your own theme, instead of just referencing bootstrap.css.– David Liang
Mar 28 at 20:04
@Neo: Nope, it doesn't make sense to modify existing
bootstrap.scss because when there is a newer version of bootstrap available and you use Nuget or npm to get the latest, it will override what you've already done. For my example up there I am doing it inside the custom.scss! That's the whole point of creating a separate file (called custom.scss) to reference bootstrap and re-compile it into your own theme, instead of just referencing bootstrap.css.– David Liang
Mar 28 at 20:04
add a comment |
Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.
Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.
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%2f55392192%2fhow-to-get-scss-files-from-bootstrap-that-will-support-me-only-navbar-menu-and-n%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
