Thank you so much for making this page, I've been trying to figure out how to get column heights to stay the same for the longest time!!
I wanted to know if anyone could tell me how to put a space in between colums that are in a row?
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
Sorry for replying to an old comment, but hopefully I can help others who might come across this!
1) You can add mr-1 as a class for all of your columns. mr-1 means you would set a margin space on the right side of your selected column. So, based on your code, you would have something like <div class="card col-1 p-1 mr-1">col-1</div> The downside to this is that you run the risk of your row of columns breaking into a new line.
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
Which brings us to the second option!
2) You can leave the columns as is, but you would remove card from the column's class while leaving p-1 in your original code. You would then add another <div> with the card and p-1 classes within the column. So, based on your code, you would get something like <div class="col-1 p-1"><div class="card p-1">col-1</div></div>
The only downside is that it's more code to add and your columns get slightly thinner, but at least all of them will stay in the same row:
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
Putting spaces between columns can depend on what you want for your columns in a row, so be sure to experiment and see what works for you and how you want your layout to look. I hope this helps!
not sure how to fix it but tabs sometimes get stuck while your working on coding and its not fixable unless you restart the code at least for me?
I dont know what Im doing wrong but the tabs just wont work for me. Every time I try to add them to anything it either shows all the content from each tab all at once or it doesn't work as tabs at all. I could really use some pointers if no one minds
This user is not visible to guests.
Sorry if this is a dumb question, but i just started getting into html TwT What do the pd and mb mean? Putting those into classes change anything or is it just for the name?
I appreciate you compiling all these helpful resources. It's just so much easier to reference yours than go through the bootstrap documentation and fiddle with the codes.
You've saved me so much work, I appreciate it. ♥
I just wanted to say thank you Mr. Demi-God Coder, Sir T^T These are beyond extremely helpful skskfdksha
Not a problem at all! When I was compiling these it was purely for personal reference, but then I had the thought of "if I had these when I started coding I would've had a very good kickstart" so I'm glad to read that these are indeed helping people! :D
Sorry, I'm back XC Could I request a future basic resource for accordion code to go with tabs? (Like on this user's custom code: https://toyhou.se/3537339.-f2u-box-on-rox )
I'll add it to my to do list! I'll only add things as a resource if I can find the functionality by myself without referencing anything another user on here has coded, so it may take awhile for me to figure out how such a thing would work. I also generally don't like working with scrollboxes, so I'll have to see if it's something I can manage!
Coding Resources #3's Comments