Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • 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
Anthony Drane
@Antiaccess
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
CamperBot
@camperbot
antiaccess sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3658 | @khaduch |http://www.freecodecamp.org/khaduch
Anthony Drane
@Antiaccess
ill hang around here though
Ken Haduch
@khaduch
@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
@Antiaccess
cheers @khaduch i think that's going to be easier for me to work with
Ken Haduch
@khaduch
@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
@huyingjie
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
John
@flyboy1565
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
@huyingjie
How to show github button with chrome correctly?
John
@flyboy1565
anyone know how to do that?
Yingjie (Iris) Hu
@huyingjie
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.
Znadams
@Znadams
good morning!
Razvan Jackson
@RazvanJackson
Good morning!
Who knows to create nice UI please tag me :)
Daniel Romero
@Ranacode
@RazvanJackson When you say "nice" at what level do you mean?
Victor
@VictorHall
Hi
Can someone help me with the Exact change exercise please?
Stephen James
@sjames1958gm
@VictorHall What do you have so far?
Ken Haduch
@khaduch
@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.
primuscovenant
@primuscovenant
@heroiczero thx
CamperBot
@camperbot
primuscovenant sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 2129 | @heroiczero |http://www.freecodecamp.org/heroiczero
John
@flyboy1565
@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
CamperBot
@camperbot
flyboy1565 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3661 | @khaduch |http://www.freecodecamp.org/khaduch
Hannahcologne
@hannahcologne
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
@Ronald03
@hannahcologne lets ee
see
Matej Bošnjak
@mbosnjak01
@hannahcologne where did you include jquery library inside your code?
cause i don't see it :)
Daniel Romero
@Ranacode
Yes, you don't have the jquery library
and if you check the developers console tells you: "$ is not defined"
Matej Bošnjak
@mbosnjak01
just include jquery lib and it should work, otherwise write your code in plain js
Hannahcologne
@hannahcologne

Oops.. I had it before, like this:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
$(document).ready(function() {
$("#changeQuote").on("click", function(){
$(".quotebox").html("Here is the message");
});
});
</script>

but then it still didn't work. Did I include the wrong link?

Matej Bošnjak
@mbosnjak01
@hannahcologne try <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
Ken Haduch
@khaduch
@flyboy1565 - if you follow the setup information on the navbar docs, that is what you'll end up with, exactly what you're looking for. If you already started using something, then make a test CodePen and copy the code and set it up to see it work. Then use as you need it.
Hannahcologne
@hannahcologne
thanks @mbosnjak01 and @Ranacode for taking a look!!
CamperBot
@camperbot
hannahcologne sends brownie points to @mbosnjak01 and @ranacode :sparkles: :thumbsup: :sparkles:
:cookie: 358 | @ranacode |http://www.freecodecamp.org/ranacode
:cookie: 215 | @mbosnjak01 |http://www.freecodecamp.org/mbosnjak01
Daniel Romero
@Ranacode
I'll recommend you @hannahcolognee put the <script> tags just before the </body>. That's because it's a good practice wait to render the html first in order to access the DOM elements via javascript without problems