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
Ken Haduch
@khaduch
@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
Hannahcologne
@hannahcologne
@mbosnjak01 I have included that link now (https://codepen.io/hannahcologne/pen/jYazNp but it doesn't work for me yet
thanks @Ranacode will try that!
CamperBot
@camperbot
hannahcologne sends brownie points to @ranacode :sparkles: :thumbsup: :sparkles:
api offline
Daniel Romero
@Ranacode
By the way, you can go to settings and configure your project, adding the preprocessors, scripts, etc..
Hannahcologne
@hannahcologne
thank you @Ranacode! will take a look there. Unfortunately my code still doesn't work, even with the JQuery library included :(
CamperBot
@camperbot
hannahcologne sends brownie points to @ranacode :sparkles: :thumbsup: :sparkles:
api offline