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 Use the codepen settings to add external resources. Do not include <head> or <body> tags in your HTML in codepen.
Gulsvi
@gulsvi
image.png
@isanbothra It will work fine ^^
Brian
@BrianCodes33
trying to install bower via command line not working. any help appreciated
Isan Bothra
@isanbothra
i dont think so... tried bt nt working @SkyCoder01
Gulsvi
@gulsvi
@isanbothra Did you click "Run"? It seems to be working now
Isan Bothra
@isanbothra
yeah ..it got working now ? .. the problem was due to scrollspy class i was using in the body ... by the way thanxx for the solution... @SkyCoder01
CamperBot
@camperbot
isanbothra sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:cookie: 876 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Gulsvi
@gulsvi
Glad you got it working!
Isan Bothra
@isanbothra
but why i hav to include jscript file .. can you explain..??
maxblanch
@maxblanch
Campers, when using CodePen to make projects, are you implementing bootstrap and jQuery within the settings of codePen or you link them in the html file with CDN ?
Is there a better way than the other ?
Isan Bothra
@isanbothra
it is because of bootstrap classes are using jquery?? or anything else??
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