<div class="col-lg-6"> <h1>jamil</h1> </div> <div class="col-lg-6"> <a href="#"><button class="btn btn-block">About</button></a> <a href="#"><button class="btn btn-block ">Portfolio</button></a> <a href="#"> <button class="btn btn-block">Contact</button></a> </div>
Works for me with Bootstrap 3, so maybe this is the issue:
I think you should enclose it with a div with a “row” class.
i have a div with row. i just missed it while posting, didn’t check the preview. anyway here it is
Do you also get this behaviour when the preview is full screen? Since you use
.col-lg-6 it will default to full width on
i was talking about preview of question posting.
and yeah…i get this behaviour when the preview is full screen…this is about the project
If you remove the “btn-block” class, all three buttons will be on a single row. That’s what you want?
You forgot to add Bootstrap CSS in your pen.
actually i want them to be on same row, text “jamil” on left and “about, portfolio” etc on right side of same row
for example in the below picure freecodecamp is on left side and those map,chat etc are on right side of same row
how to add that css?
Settings > CSS > quick add: Bootstrap
And if you want to use Bootstrap 3 (the version fCC uses) you need to change
thank you so much ben…it’s working: