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
Gulsvi
@gulsvi
@isanbothra It's a requirement from Bootstrap. They require that .js file for many of their components: https://v4-alpha.getbootstrap.com/getting-started/javascript/
Yes, their bootstrap JS file uses jQuery - so jQuery is also required
Isan Bothra
@isanbothra
thanxx for the explanation...
how to align contents of navbar to the right??
Moustapha
@moustaflo
@SkyCoder01 thanks!
CamperBot
@camperbot
:cookie: 877 | @skycoder01 |http://www.freecodecamp.com/skycoder01
moustaflo sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
Isan Bothra
@isanbothra
how to align contents of navbar to the right??
Gulsvi
@gulsvi
@isanbothra Remove the mr-auto class from your <ul> element in your navbar.
gulptech
@gulptech
change your mr-auto to ml-auto
Gulsvi
@gulsvi
I don't think you need to specify an auto margin to make it align right
unless, you mean to use ml-auto on individual links for the mobile menu as well
  <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
   <ul class="navbar-nav">
     <li class="nav-item ml-auto">
       <a class="nav-link" href="#CONTACT">Contact</a>
     </li>
     <li class="nav-item ml-auto">
       <a class="nav-link" href="#PORTFOLIO">Portfolio</a>
     </li>
     <li class="nav-item ml-auto">
       <a class="nav-link" href="#ABOUT">About</a>
     </li>
   </ul>
  </div>
Isan Bothra
@isanbothra
yeah its working fine..
why to use ml-auto??
Gulsvi
@gulsvi
That's my question too :)
gulptech
@gulptech
margin-left auto
Gulsvi
@gulsvi
No need for it, in my opinion
gulptech
@gulptech
but it does not work without it
Gulsvi
@gulsvi
unless it's for menu items in the mobile menu
  <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
   <ul class="navbar-nav">
     <li class="nav-item">
         <a class="nav-link" href="#ABOUT">About</a>
     </li>
     <li class="nav-item">
       <a class="nav-link" href="#PORTFOLIO">Portfolio</a>
     </li>
     <li class="nav-item">
       <a class="nav-link" href="#CONTACT">Contact</a>
     </li>
   </ul>
  </div>
^^ This works fine for aligning navbar items to the right
Jorge
@flawedLogic506
Some text
Gulsvi
@gulsvi
And better to use text-right on the individual <li> elements if you want the mobile collapse menu to also align right
Jorge
@flawedLogic506
ahh ok .. finally got that nice formatting u got going on Sky
Gulsvi
@gulsvi
```js (shift + Enter for new line)
awesome code (shift + Enter for another new line)
```
Jorge
@flawedLogic506
yeah exactly right .. great stuff, thanks .. was missing the
shift enter
Isan Bothra
@isanbothra
why we cannot use mr-auto when using justify-content-right??
greggy
@glonsdale
'''
'''
CamperBot
@camperbot
:bulb: to format code use backticks! ``` more info
greggy
@glonsdale
  $('form').each(function() {
    $(this).find('input').keypress(function(e) {
      // Enter pressed?
      if (e.which == 10 || e.which == 13) {
        this.form.submit();
        query(this.value);//pass input to api_url for ajax
      }
    });
  });
hi all
this is the code im using to submit text to my js
Gulsvi
@gulsvi

@isanbothra mr-auto is this in bootstrap.css:

.mr-auto {
  margin-right: auto !important;
}

auto means to automatically adjust for the full width available.

gulptech
@gulptech
@SkyCoder01 i missed the justify-content-end..so yes..there would be no need to the ml-auto
Gulsvi
@gulsvi
It's hard, to be honest, getting used to seeing flexbox in Bootstrap :p
gulptech
@gulptech
yep
Gulsvi
@gulsvi
I resisted at first, but finally learning more about it as a result
greggy
@glonsdale
earlier i asked why my api call was not working and @SkyCoder01 suggested that it might be because my page is refreshing on submit
@SkyCoder01 you said to use .preventDefault()
Gulsvi
@gulsvi
@glonsdale Yes, here's an example: http://codepen.io/skycoder/pen/MpKpJj
I wrote comments in a way that act kind of as a tutorial for grabbing text from a text box to submit to an API
When you have your <input> in a <form> the browser will do the keypress monitoring for you. No need to check for keypresses, just register a listener for the submit event with .on('submit', function...)
greggy
@glonsdale
thanks @SkyCoder01 this is very helpful and gives me some more things to try
CamperBot
@camperbot
glonsdale sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:cookie: 879 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Mojammel
@MojammelW
Hey guys why isnt my navbar working in collapsed mode ?
Am i missing a </ul> and </div> cos i deleted those when trying to remove the clutter from the navbar
https://codepen.io/MojammelW/pen/QpYdqg
drowningpool5
@drowningpool5
Hi guys! I am having some problems with Promodoro Clock.
http://codepen.io/ImproveMyselfDaily/pen/dvaLep?editors=1010
Moustapha
@moustaflo
With wikipedia API how do I capture the element's link?
drowningpool5
@drowningpool5
i figured out the countdown, but I don't know how to convert these 25 units, which are minutes to 0:25:00