Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
  • Jun 19 2020 20:09
    @krisb1220 banned @Gastony
  • May 14 2020 22:39
    @bjorno43 banned @minitechtips_twitter
  • May 14 2020 22:38
    @bjorno43 banned @real-action
  • Feb 01 2020 00:27
    @bjorno43 banned @Ndoua
  • Jan 07 2020 03:10
    @bjorno43 banned @doctor-sam
  • Aug 17 2019 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 2019 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 2019 17:13
    @mstellaluna banned @cmal
  • Jan 08 2019 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
just an example i guess
but yeah, just cascade the style sheets properly you could have the best of both worlds.
also you could do something cascading like this. I did this for a project:
first style sheet - css reset style sheet
2nd style sheet - css classes importing the features i wanted from bootstrap
3rd style sheet - customized style sheet of what i wanted and overriding some bootstrap features I didn’t want
but yes you are right it could get messy cascading all over the place
just so many options, it’s like an artist on a canvas type of scenario

@zdman135 yes I already did quite a bit of flexbox tutorials.

Sort of my "problem area" is when it comes to really knowing how the bootstrap classes work by reading it up inside the devtools. I got better at it, but I still struggle quite a bit with reading stuff in devtools.

Like in the erin webpage it seems like I am not able to read it, like if each class was a bootstrap class, cause it seems to be squarespace.
Newmoon recommended to me to learn the bootstrap classes by looking into them via the devtools and this way really learn frontend development from the ground up. But I often do not 100% know what's going on because of so many properties going on and interfering with each other..

Also with the canvas I think you are quite right. And I think I am too much thinking that there is sort of "one" way of doing things in an "industry standard" way.

But after this conversation it seems to me, that workflows are not as rigged as I initially thought.

Yeah, it’s not. every company will do things differently
i’m not in dev yet. but i’m in software testing. and every web dev shop I ever worked at does it a little differently
i don’t know what squarespace does. but I’m gonna guess they do not use bootstrap. they created their own css classes custom to them, and their site and templates
it’s just there are commonalities that I realized I could pick out that one feature I thought you wanted and I went to bootstrap, and like legos added it in.
but who knows, they could have used bootstrap as a base, and heavily customized it from there
i know lots of companies that do that
as far as getting good at the dev-tools within your browser. that just takes time. you’ll get good at it. it’s important to get good at it for troubleshooting any job that deals with web app dev.
I used to really suck at that as well. but got really good over time even as just a tester
@bradley1492 My philosophy to learning is learn by doing. If you were to go out and try to replicate parts of bootstrap yourself from the ground up, you'd learn a lot by getting "a little done", in that I don't expect you to write your own from the ground up in an hour or anything. But hell just getting simple classes to "work" would provide you with amazing insight to how things actually work.

@zdman135 Hm okay the devtools part calms me, somehow I thought I was missing something and for other people it's completely easy.

I guess I will just change my thoughts of having to decide forever to use or not to use bootstrap, to a more open approach of studying and using it whenever I feel comfortable. I already gained a bit of insight into how things work, by just getting to know how classes are stacked on top of each other to build a basic nav bar...

@bradtaniguchi yes the more code I write the more I really internalize learning by doing. I guess we are just so used to study things by heavily reading about them, from learning in school etc.. but writing code is different and I still often forget that a bit sometimes..

Mohammed Boudad
Hey guys, I'm working on a school management app using React.js and Electron.js, I'm quite new to React.js, so I need to know if I'm doing things the right way, please I need your feedback https://github.com/matrixersp/glory-school
Josh Queen
Hi guys, got a bit of a weird problem with my portfolio page
I have three thumbnails in my portfolio
The styling for all three is identical (so far as I can tell)
The images are too big for the containers I'm using, so I've used overflow: hidden and then flex with justify-content: center to center them nicely
This has worked for the lat of the three thumbnails perfectly, but the first two have been shunted to the left, as you can see if you inspect the elements
Any ideas?
Tiago Correia
try add display: block to tje images @Kohota107
Josh Queen
Perfect, thanks @tiagocorreiaalmeida - What's he logic behind that?
Ya'll here?
Morchid Chellali
Yes? :) (a DEJA-VU :D )
Shekhar Ramola
how to replace one object data with another object data(not add, replace)?
Claudio Restifo
@shekharramola assign it the new value.
let o = {
  a: 1,

o.a = 'test'
o // {a: 'test', b: 2}

Hello people,
just a small question on a w3c tutorial for bootstrap navs. I am reading up a bit on them again, but in this example I am wondering why as soon as the brand class is put into the html, the responsive ul goes to the right and doesn't stack vertically on the left.

Does anyone know why it's behaving like that?

Here's the link:

@bradley1492 - I can’t duplicate what you’re talking about. the example you gave. when I clicked on it, I don’t see the brand class in the <ul> tag. I also tried reducing the screen size, but the brand class does not appear. When I add it in, it doesn’t do anything. it remains the same.
If you’re talking about, why when you reduce the screen size the links that are horizontal and to the left and next to the logo, and why, the links move to the right, and are stacked vertically. you have to look at the box that is holding both the logo and the links. and when we look at that box we see the following css:
in the .navbar class there’s display:flex so they’re using flexbox and justify-content: space-between. so basically in this case there are 2 boxes within the big navbar (class) box holding it and it will push the 2 logo and links boxes as far apart as possible within the navbar box holding it. I hope that helps explain it.
this is where getting good at using the dev-tools in your browser really helps. cause you can see what is going on. what css classes and attributes are being applied, and how big a box is.
and what’s inside the box and what’s it doing
you can also edit on the fly in the dev-tools before you add it in your code. to kinda try it out and play around.
@bradley1492 - I took the example you gave, and modified the bootstrap css classes to match what you wanted. here is the example: https://www.w3schools.com/code/tryit.asp?filename=FXO8RVFV2LV1
you can see the 2 styles I added will prevent the links from going to the right and stacking vertically.
You will still need to add padding between the links. as they are all bunched up.

@zdman135 wow thanks.
This really helps me a lot to basically understand what's going on in a bootstrap navbar.

Now I am understanding quite a bit more, where to start looking to understand the basic behaviour of a navbar created with bootstrap.

Basically I wanted to try out creating a layout similar to this one:

@bradley1492 - i’m still learning just like you. one thing that helped me is I built a very basic portfolio 3 times. once with pure html / css. then a 2nd one same as first one but I added media queries to teach me responsive design and override certain css attributes. and 3rd portfolio, i used bootstrap and try to make it exactly the same as the first one but with bootstrap, and override css classes and or attributes as necessary to make it the same.
I can DM you my private portfolio as an example to see
@zdman135 yes sure I'd like to have a look. I am building a page for my dad and that's sort of similar to what you did. I just experiment quite a lot, with native html/css responsive design and bootstrap to see what designs and ideas appeal to me, as I did more js in the past and less css..
@bradley1492 - i sent a private message to you with that info
keep in mind i’m still newbie as well. so we are both just helping each other improve.
Shekhar Ramola
trying to open an array which is having 23 element but it shows only one in the console?
My guess is when it prints it has 23 items, but then you change it later to one via reference. When your printing do console.log(JSON.stringify(youArr, null, 2))to print it out to a string before you change it.
Christopher McCormack
I think what you are experiencing is a log of an object that is then changed by the time you review it - browsers may display a reference to the actual object, meaning if you change it then look in the console you'll open it and see the updated object not the object at the point you logged it
Brandon Spaulding
hello - can anyone help me find a solution for a google maps question - ? i am trying to see how i can have a user enter their address and see if they are in a service area of a map, if so then i need to redirect them to the page that correllates to which part of the map their address is in
Hello everybody, I have a problem with my freecodecamp technical documentation page. I tried doing it using CSS Grid, and I want the navbar to be at the top of the page, the main-content below it, all in a single column when using media query, but I fail to do it. I think the problem is that position: fixed; in the #navbar disables the grid layout. Sorry if the question is stupid, but I would be very thankful for any help. https://codepen.io/mantas2/pen/JeLWxW