FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Brad

@bradtaniguchi

If the form tag scares you, you can always change it to something else.

JoEezy

@JoEeeezy_twitter

i think it's just that i'm confusing it with the input tag

John Brann

@jdbrann

@khaduch Wow that was some great feedback and things I can look up and read up on more. I kinda feel I rushed in to making the page and maybe bit off more than I can chew without seeking out more training first but your feedback did a great job of highlighting some of the misses (I took notes down to look up your suggestions/"how to do...")that will help me grow and that is what I needed! Thanks!!!

CamperBot

@camperbot

jdbrann sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:

:star2: 3844 | @khaduch |http://www.freecodecamp.org/khaduch

Brad

@bradtaniguchi

@JoEeeezy_twitter Just remember the form tag will try to "submit" to a backend if the user hits enter, or clicks on a button that isn't type="button"

JoEezy

@JoEeeezy_twitter

@bradtaniguchi thanks , i was wondering why the button kept refreshing the page even though i hadn't set it up in js yet :smile:

CamperBot

@camperbot

:cookie: 443 | @bradtaniguchi |http://www.freecodecamp.org/bradtaniguchi

joeeeezy_twitter sends brownie points to @bradtaniguchi :sparkles: :thumbsup: :sparkles:

Brad

@bradtaniguchi

@JoEeeezy_twitter Yea you will need to override that behavior haha

Greg Engler

@gmengler

hey folks, currently working on the random quote generator and having a lot of trouble with the twitter API. I've been trying to decipher Twitter's documentation with no luck - any guidance anyone could provide?

JoEezy

@JoEeeezy_twitter

@gmengler

// Twitter Button    
    $("#twitter").on("click", function() {
        $("#tweetit").attr("href", 'https://twitter.com/intent/tweet?text=' + "\"" + 
        $("#quotetext").text() + "\" " + " -" + $("#author").text());
    });

Greg Engler

@gmengler

nevermind, figured i out

it*

hah, thanks Jo

JoEezy

@JoEeeezy_twitter

@gmengler np :smile: i had the same problem... looking thru docs for an hour+ before realizing i can just do it with a link lol

Greg Engler

@gmengler

actually figured it out through the docs surprisingly, and that never happens

JoEezy

@JoEeeezy_twitter

haha nice ... i'm in the same boat right now with bootstrap doc

https://codepen.io/yaezah/pen/XEgpqK

trying to figure out how to make the form and the "search wikipedia" button centered thru bootstrap

i know it can be done with css with margins but i'm trying to learn the bootstrap way for responsive content

Greg Engler

@gmengler

hmmm I think I've dealt with something like that before, lemme check

does codepen automatically "run" your code when you make an edit or do you have to click something?

JoEezy

@JoEeeezy_twitter

it usually autoruns but i believe theres an option in settings to turn that off (in case you're using apis and dont' want it calling everytime you edit)

Abraham Anak Agung

@AbrahamAnakAgung

you could turn it off in setting -> behavior -> auto updating preview

Greg Engler

@gmengler

@JoEeeezy_twitter definitely struggling to get that centered

laowong

@shanxilaowang

英文好难啊

JoEezy

@JoEeeezy_twitter

@gmengler even though it seems so straightforward in the docs.. the bootstrap grid confuses me when i start using it

@gmengler i just ended up using css :eyes: :

Greg Engler

@gmengler

did it work?

JoEezy

@JoEeeezy_twitter

yeah i used this:

.center-block {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

Greg Engler

@gmengler

nice - you might be able to get it working with bootstrap by making the columns smaller, but not sure

it's been a while since I was really using bootstrap

JoEezy

@JoEeeezy_twitter

same here ... i kind of rushed through the bootstrap tutorials to get to javascript :smile:

Ken Haduch

@khaduch

@JoEeeezy_twitter - looks like you are using bootstrap 4 - it uses flexbox, and there is a class that does the center alignment - justify-content-center

Ghost

@ghost~5a7ec891d73408ce4f8c87b2

@khaduch I've used display: block; margin-left: auto; margin-right: auto;

it works proper on my page

Ken Haduch

@khaduch

@dhavalveera - yes, I think that @JoEeeezy_twitter was trying to use bootstrap, if you look at his comments from a while ago. So i just looked up the information and listed it. (For Bootstrap V4.)

Ghost

@ghost~5a7ec891d73408ce4f8c87b2

then put just-content: center in tag

in HTML

then maybe it works

Ken Haduch

@khaduch

@dhavalveera - yes, but bootstrap has a class that sets that property. If you're intent on using Bootstrap, at least in v4, that's what they provide. You can always add custom CSS if you want to. If not, then you can use the classes that they defined. Both should work.

Ghost

@ghost~5a7ec891d73408ce4f8c87b2

but if we use Bootstrap 4 then we can't the style of that tag

either custom css or in Bootstrap

it is not changing quickly

coderNewby

@coderNewby

thanks @DarrenfJ for all your help

CamperBot

@camperbot

codernewby sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:

:star2: 2448 | @darrenfj |http://www.freecodecamp.org/darrenfj

habibaatify

@habibatify_twitter

i think in that challenge the result will be same why the result is different ?

Where communities thrive

People

Repo info

Activity