FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Gulsvi

@gulsvi

javascript only enables this stuff, but the CSS is required for it to work: https://v4-alpha.getbootstrap.com/getting-started/javascript/

Ejikemeuwa Eric Nnanna

@melete90

@SkyC0der okay, thanks

CamperBot

@camperbot

melete90 sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:

:star2: 1577 | @skyc0der |http://www.freecodecamp.com/skyc0der

Nikki L.R.

@nikkilr88

Is there anyone here who knows how to work with Cloud9? I made a React project with "create-react-app", but I can't figure out how to run "npm run build"

JD Tadlock

@jdtdesigns

@nikkilr88 There should be a terminal at the bottom that you use to run commands.

Nikki L.R.

@nikkilr88

@jdtdesigns Yeah

Am I using the wrong one?

JD Tadlock

@jdtdesigns

did you npm install?

and did you type npm run build

Nikki L.R.

@nikkilr88

@jdtdesigns Had to cd to project folder

JD Tadlock

@jdtdesigns

;)

it's just like working locally

vínαч puppαl

@vinaypuppal

@nikkilr88 It seems you are in workspace folder on terminal cd react-test and run npm run build

Nikki L.R.

@nikkilr88

@jdtdesigns It looks like it's working now. I hope I don't screw it up... Hahaha

@vinaypuppal That was it :D

@jdtdesigns I have never done this... Not even locally.

JD Tadlock

@jdtdesigns

jumpin in to cloud9 before local, you go girl :D

Nick Danvers

@Ravenor222

Hey guys, I'm just fiddling around with bootstrap in Codepen, I'm wondering how I'm able to add a "container" or basically just a big box where I will input information in front of my background image, https://codepen.io/Ravenor222/pen/bRbqzo is the code pen, thanks in advance guys

SavvasLimassol

@SavvasLimassol

Hello guys, I am working on my portfolio and I want to split the page into sections similar to the example there is in the challenge. How should I do this? Should I use tables?

Elizabeth Paul

@Kowalatam

@SavvasLimassol you could use container-fliud

@Ravenor222 You can style the container with the background image instead of the html

SavvasLimassol

@SavvasLimassol

Already tried but the div doesn't reach to the edges of the browser and I don't know why. I'm a noob :p

Elizabeth Paul

@Kowalatam

use "container-fluid"

@SavvasLimassol use "container-fluid" instead of container

Nick Danvers

@Ravenor222

@Kowalatam So I would use the container for the image, and then rows inside?

https://codepen.io/Ravenor222/pen/OWjXej is something I made before I knew what bootstrap was, im hoping to have a similar effect where I can scroll down the page, have a consistent block in the middle where I can write things with the background image in the back

sorry, I too am a noob

I have included bootstrap but it does not feel like the bootstrap classes are taking effect =-S

SavvasLimassol

@SavvasLimassol

@Kowalatam I did, still not working. I took a screenshot, I would appreciate it if you gave it a look. :P http://prntscr.com/feqwjp

Elizabeth Paul

@Kowalatam

@SavvasLimassol Oh yeah, sorry diidn't read your message well :(

@SavvasLimassol You want to split it into two ?, where you have text on one side and image on the other rigth ?

SavvasLimassol

@SavvasLimassol

Yeah notice how it doesn't spread to the edges? :P How do I fix that?

I just want to have a top bar then a banner of some sort, after a section where the projects will go then a section with info about me, how to contact me and whatnot.

Elizabeth Paul

@Kowalatam

@SavvasLimassol For the top bar, u need a "Navbar"

SavvasLimassol

@SavvasLimassol

I'll google that right away, thank you very much. :smile:

Elizabeth Paul

@Kowalatam

http://getbootstrap.com/components/#navbar

vínαч puppαl

@vinaypuppal

@SavvasLimassol

Yeah notice how it doesn't spread to the edges? :stuck_out_tongue: How do I fix that?

By default bootstrap adds

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}

So you need to override them to remove that padding

.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

SavvasLimassol

@SavvasLimassol

That fixed it, thanks!

@Kowalatam Thanks. You have been very helpful. :smile:

CamperBot

@camperbot

savvaslimassol sends brownie points to @kowalatam :sparkles: :thumbsup: :sparkles:

:cookie: 120 | @kowalatam |http://www.freecodecamp.com/kowalatam

vínαч puppαl

@vinaypuppal

@SavvasLimassol

Hello guys, I am working on my portfolio and I want to split the page into sections similar to the example there is in the challenge. How should I do this? Should I use tables?

Tables is not recommended , use bootstrap grids http://getbootstrap.com/css/#grid

SavvasLimassol

@SavvasLimassol

Thank you. @vinaypuppal

CamperBot

@camperbot

savvaslimassol sends brownie points to @vinaypuppal :sparkles: :thumbsup: :sparkles:

:cookie: 700 | @vinaypuppal |http://www.freecodecamp.com/vinaypuppal

SavvasLimassol

@SavvasLimassol

@vinaypuppal It's all very confusing and you guys are very helpful. :P

Elizabeth Paul

@Kowalatam

@SavvasLimassol . You are welcome.. im kinda new at this too. :)

Joe Skowronek

@jskowronek

Where can find help with creating nav bars and how to have it navigate correctly by scrolling through the page

Where communities thrive

People

Repo info

Activity