freeCodeCamp Challenge Guide: Line up Form Elements Responsively with Bootstrap

freeCodeCamp Challenge Guide: Line up Form Elements Responsively with Bootstrap


We line up the form elements the same way we do with others, using divs.

<div class="row">
<div class="col-xs-7"><input type="text" class="form-control" placeholder="cat photo URL" required></div>
<div class=col-xs-5><button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button></div>


This helped me get unstuck.:grin:


Like usual, the syntax is key here. Just make sure your div classes are within their own arrows before the input. so < div>< input>< /div>


Please help! Iam still stuck with this challenge.what am I missing?


Mine looks exactly like yours and I’m stuck, too! All my div elements seem to have all their closing tags. We need help.


Did you get any solution yet??


i’m stuck too… All my div elements have closing tags and I can’t get through. Is there any way to skip?


Something is buggy on this challenge. My code was not accepted until I copied and pasted it back into the challenge.

Make sure your </form> closing tag still exists


thank you very much. it works perfectly :grin:


Make sure to clearly read the instructions and then make sure to use the correct syntax.


Hi everyone! I’m having a really tough time with this particular challenge. I can’t seem to figure out what I’m doing wrong. I’ve pretty much done exactly what I’m being told to do but apparently I’m missing something. I’d love a fresh perspective or at least advice that’s a little more in-depth.

Here’s my code:

What exactly am I doing wrong? Please advise!


I’m stuck exactly the same spot. I double checked and I didn’t see any thing missing but I could be wrong. I need help!


Does it? The inverted comas around col-xs-5 are missing in the camperbot solution. The correct answer is that there are 3 /div’ at the end! (2 new ones + one from the very beginning) :slight_smile:


Do it like Me