Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 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
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
Bjorn van de Peut
@xirokx If you don't want to go back through FCC's courses, you can go here: https://www.w3schools.com/bootstrap4/bootstrap_get_started.asp to get the basics again
Bakhtiiar Muzakparov

<form name="registration"></form> and document.registration.accept.disabled=...

I understand that we can refer by to form element by document.registration, but where do we get .accept.disabled from?

can I use flexbox for my main container div?
@hmmChase yes
Anthony Drane
Can anyone help me make the navigation menu toggle appear and dissappear when below/above 768px (for mobile/desktop responsive): https://codepen.io/antiaccess/pen/ppdePb
Ken Haduch
@Antiaccess - hello... did you use the Bootstrap navbar template that they give you on the website? Or are you doing your own version?` One thing that you need to do (for Boostrap's version) is to move the jquery load before the bootstrap.js load.
Anthony Drane
Hey Ken, cheers for the response! I'm not using bootstrap, and I've not yet written any toggle code. I just made it the menu dissappear when the window is greater than 768px (in CSS)
Anthony Drane
I feel so out of my depth... as I'm not really a front-end dev, just trying to get my portfolio running
Ken Haduch
@Antiaccess - oh, so you're not using bootstrap, then... I'll have to look at your document that you're looking at and see what's supposed to be happening. One thing that you have in CodePEn is that your code is not configured correctly - the HTML panel should not have the entire page in it, only the HTML elements, basically. The CSS panel and config should have all CSS libs and custom CSS, same for the JS panel. But sometimes putting everything into the HTML panel works. It can result in trouble, since the CodePen method of using a template and filling it in sometimes collides with what you're intending to do, if you do things against the CodePen way...
Anthony Drane
oh right! I just imported it into codepen so I could share it. I'm working off a .html document
Ken Haduch
@Antiaccess - well, I don't think that the way that they are implementing the navbar that it has a toggle appear and disappear per se. I'm still looking at that page to understand.
It looks like they have an expanded navbar at the bottom of the page, and then move it to the top of the page on a wider screen?
Anthony Drane
yeah that sounds right
not exactly what I'm looking for!
but don't really know what to do
thanks @khaduch I'm going to move on and come back to it later
antiaccess sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3658 | @khaduch |http://www.freecodecamp.org/khaduch
Anthony Drane
ill hang around here though
Ken Haduch
@Antiaccess - well, Bootstrap has a mobile-responsive navbar that they provide a template for, and then using jquery.js, bootstrap.js (and if you are using Boostrap V4, something called "popper.js") and maybe one other .js file, with the proper setup it handles expansion of the navbar when it becomes collapsed on a narrow screen. Of course, since it is just a bunch of HTML, CSS, and Javascript code, you could certainly do the same thing yourself. It depends on what your goal is. If you just want to have a responsive toggle-able navbar, you can use Boostrap's template, a little customization, and take it from there. You might also find a similar solution without bootstrap, if you are averse to using bootstrap. If you want to learn how to make this happen yourself, then that's another thing. It might be done with some difficulty, perhaps not as tricky as you might think? I haven't done it myself, so I cannot offer an immediate solution for you.
@Antiaccess - here is an example that is really rather simple-looking - https://www.w3schools.com/howto/howto_js_topnav_responsive.asp - it would illustrate the basic things that you need to do to make this mobile responsive collapsible navbar work.
Anthony Drane
cheers @khaduch i think that's going to be easier for me to work with
Ken Haduch
@Antiaccess - I think that it's pretty straightforward to understand what's going on there, although it's a bare-bones version of a dropdown, in that if you look at a bootstrap version, it has smooth animation to expand it, etc. That probably wouldn't be too hard to add that in with some CSS animation. I hope that it works out for you - come back with any questions you might have.
Yingjie (Iris) Hu
I am trying to put github star button on my project site. https://buttons.github.io/
safari shows the button correctly.
Screen Shot 2018-01-07 at 12.35.16 AM.png
But chrome shows texts only.
Screen Shot 2018-01-07 at 12.36.08 AM.png
hey guys.. i'm using bootstrap. I have a navbar.. i want to move items into the hamburger button based on size. kinda like using hidden-md hidden-sm...
Yingjie (Iris) Hu
How to show github button with chrome correctly?
anyone know how to do that?
Yingjie (Iris) Hu
I put <script async defer src="https://buttons.github.io/buttons.js"></script> in index.html. and <a class="github-button" href="https://github.com/huyingjie/checklist-checklist" data-icon="octicon-star" data-show-count="true" aria-label="Star huyingjie/checklist-checklist on GitHub">Star</a> in a javascript file.
good morning!
Razvan Jackson
Good morning!
Who knows to create nice UI please tag me :)
Daniel Romero
@RazvanJackson When you say "nice" at what level do you mean?
Can someone help me with the Exact change exercise please?
Stephen James
@VictorHall What do you have so far?
Ken Haduch
@flyboy1565 - your post is a few hours old, but note which version of bootstrap you are using (easier to stick with V3.*, unless they have updated the lessons to use V4?) and follow the information on the bootstrap documentation page. Start with the template that they provide https://getbootstrap.com/docs/3.3/components/#navbar on that page, get that working first, then customize it to your needs.
@heroiczero thx
primuscovenant sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 2129 | @heroiczero |http://www.freecodecamp.org/heroiczero
@khaduch , thanks for the follow-up. I'm using v3.. I have a normal navbar setup.. but I want to create a hamburger button when the screen goes to a MD and hide 1 elements in that. And so on till we're down to xs
flyboy1565 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3661 | @khaduch |http://www.freecodecamp.org/khaduch
Hi guys! Does anyone have time to take a look at this code for the Random Quote Machine? I can't really figure out why the text does not change when the button is clicked :worried: Thank you!! https://codepen.io/hannahcologne/pen/jYazNp
Ronald Ceballos
@hannahcologne lets ee