Styjun

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;

1

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

share|improve this question

edited Mar 28 at 10:41

blank

1555 bronze badges

asked Mar 28 at 7:28

NeoNeo

2466 bronze badges

add a comment | 

1

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

share|improve this question

edited Mar 28 at 10:41

blank

1555 bronze badges

asked Mar 28 at 7:28

NeoNeo

2466 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

share|improve this question

edited Mar 28 at 10:41

blank

1555 bronze badges

asked Mar 28 at 7:28

NeoNeo

2466 bronze badges

share|improve this question

edited Mar 28 at 10:41

blank

1555 bronze badges

asked Mar 28 at 7:28

NeoNeo

2466 bronze badges

share|improve this question

edited Mar 28 at 10:41

blank

1555 bronze badges

asked Mar 28 at 7:28

NeoNeo

2466 bronze badges

edited Mar 28 at 10:41

blank

1555 bronze badges

edited Mar 28 at 10:41

blank

1555 bronze badges

asked Mar 28 at 7:28

NeoNeo

2466 bronze badges

asked Mar 28 at 7:28

NeoNeo

2466 bronze badges

1 Answer
1

active

oldest

votes

2

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

share|improve this answer

answered Mar 28 at 7:35

David LiangDavid Liang

8,01822 gold badges2222 silver badges3636 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 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 | 

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
);



);

draft saved

draft discarded

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

Name

Email

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

Name

Email

Required, but never shown

2

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

share|improve this answer

answered Mar 28 at 7:35

David LiangDavid Liang

8,01822 gold badges2222 silver badges3636 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 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 | 

2

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

share|improve this answer

answered Mar 28 at 7:35

David LiangDavid Liang

8,01822 gold badges2222 silver badges3636 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 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 | 

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

share|improve this answer

answered Mar 28 at 7:35

David LiangDavid Liang

8,01822 gold badges2222 silver badges3636 bronze badges

// 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";

WebProject
- Assets
 - css
 - custom.scss
- node_modules
 - bootstrap

share|improve this answer

answered Mar 28 at 7:35

David LiangDavid Liang

8,01822 gold badges2222 silver badges3636 bronze badges

answered Mar 28 at 7:35

David LiangDavid Liang

8,01822 gold badges2222 silver badges3636 bronze badges

answered Mar 28 at 7:35

David LiangDavid Liang

8,01822 gold badges2222 silver badges3636 bronze badges