FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Jordy

@JordyDew

@fortMaximus I removed them, but there raised one question: lookss the unordered list anymore like I wanted?

h1tag

@h1tag

@JordyDew no, they're not on one line anymore

@JordyDew one other suggestion is to use this columns combination col-md-2, col-md-8, col-md-2

Jordy

@JordyDew

@fortMaximus So, what should I do to fix that? Do I need to work with several rows?

h1tag

@h1tag

because I see that the content in the middle needs more space

Javier

@Reykjabik

Any help with the Share twitter button on the Random Quote Machine? I've been struggling since Sunday and I'm on the verge of tears!

https://codepen.io/reykjabik/pen/YZdVJg

I have the feeling that thet HTML onclick doesn't work

h1tag

@h1tag

@JordyDew no, just change the columns from col-md-3, col-md-6, col-md-3 to col-md-2, col-md-8, col-md-2

Jordy

@JordyDew

@fortMaximus I changed the columns like you proposed. What it thougt to do to make the timeline one row is the following:
Give all li elements from that time line the class col-md-2 . Will that work? Or is that invalid code?

gulptech

@gulptech

@Reykjabik unrelated but you should use background-color: rgba(255,255,255,0.5) in your .screen class and not opacity;

unless you really want to dim EVERYTHING

Gulsvi

@gulsvi

@KatSaldivar source is equal to {last: "Capulet"}. It would return true if you did: collection[2].hasOwnProperty('last') but returns false because you are doing: collection[2].hasOwnProperty({last: "Capulet"}) (if that makes sense)

caseym94

@caseym94

hello is this a good place to ask about github?

Javier

@Reykjabik

I'll try that @gulptech , thanks. i guess that solves the transparency of the twitter button

CamperBot

@camperbot

reykjabik sends brownie points to @gulptech :sparkles: :thumbsup: :sparkles:

:cookie: 236 | @gulptech |http://www.freecodecamp.com/gulptech

Isan Bothra

@isanbothra

nav bar toggler button not functioning... need help

KatSaldivar

@KatSaldivar

@SkyCoder01 thanks! I ended up doing collection[i].hasOwnProperty(Object.keys(source))

CamperBot

@camperbot

katsaldivar sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:

:cookie: 874 | @skycoder01 |http://www.freecodecamp.com/skycoder01

Javier

@Reykjabik

share your pen @isanbothra

h1tag

@h1tag

@JordyDew

ul li{
  display: inline;
}

you can use the above code in your css code but note that this will remove the bullets from the list items

Gulsvi

@gulsvi

@Reykjabik The Twitter Widget is really hard to get working sometimes - it takes a while to load and often overwrites your quote by the time it does load. The easy way is to create your own twitter button and drop the Twitter Widget JS file entirely.

Isan Bothra

@isanbothra

https://codepen.io/isan4code/pen/ZeZGVQ?editors=1100

Javier

@Reykjabik

@SkyCoder01 I guess I could try that... it's just that I assume that if we're asked to include a twitter button at this level we should try the "official" one

h1tag

@h1tag

@isanbothra add jQuery and Bootstrap JS file in that order

Javier

@Reykjabik

@SkyCoder01 btw, how can I actually "share" on twitter without the official button?

Isan Bothra

@isanbothra

but it is done without using jquery in :

https://v4-alpha.getbootstrap.com/components/navbar/

@fortMaximus

Gulsvi

@gulsvi

@Reykjabik To use the official button, check out the JavaScript createShareButton method: https://dev.twitter.com/web/tweet-button/javascript-create

Jordy

@JordyDew

@fortMaximus Thank you! I did so!

CamperBot

@camperbot

jordydew sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:

:warning: jordydew already gave fortmaximus points

Gulsvi

@gulsvi

Otherwise, just use the URL explained here: https://dev.twitter.com/web/tweet-button/web-intent @Reykjabik

Javier

@Reykjabik

that's precisely what I´m using. the thing is that I only need to modify the href, but it doesn't seem to work @SkyCoder01 @SkyCoder01

Gulsvi

@gulsvi

@Reykjabik Right, you're using it, but the twitter widget code loads asynchronously and overwrites your code. :)

Javier

@Reykjabik

damn widget...

Gulsvi

@gulsvi

If you're interested in seeing working code - check out my codepen here. It fires off a new quote when the twitter widget's ready event is fired and then uses the createShareButton code to append the right text to the URL: http://codepen.io/skycoder/pen/mWLYrw

Javier

@Reykjabik

@SkyCoder01 thanks man, I'll take a look

CamperBot

@camperbot

reykjabik sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:

:cookie: 875 | @skycoder01 |http://www.freecodecamp.com/skycoder01

h1tag

@h1tag

@isanbothra Im not sure about v4, still haven't learned it

Gulsvi

@gulsvi

@isanbothra The bootstrap js file is needed for the Bootstrap 4 Navbar Button. https://v4-alpha.getbootstrap.com/components/navbar/#how-it-works

Navbars are responsive by default, but you can easily modify them to change that. Responsive behavior depends on our Collapse JavaScript plugin.

The Collapse JavaScript plugin is part of bootstrap.js

h1tag

@h1tag

@JordyDew you can also use some padding in the CSS rule you just created

Isan Bothra

@isanbothra

http://codepen.io/craigvantonder/pen/MJwLWb

what about this?? it is working fine... @fortMaximus

@SkyCoder01

Where communities thrive

People

Repo info

Activity