HTML - Can anyone explain this code please?

HTML-CSS
1

Hi Guys

Could some one please explain this code? Im using a CMS umbraco and need to understand it. Thanks

We only have limited spacesnow available.

2

I’m assuming you copied something like <b>We only have limited spaces now available</b>

It’s called a bold tag, have you looked at the freecodecamp course? you’ll get to explanations of those very quickly

3

the complete code isnt showing up when i posted it? how do i post it?

4

the complete code isnt showing up when i posted it? how do i post it?

5

You will need to wrap your code around with three backticks. `

6

thanks for the info

this is the code

<div class="col-md-18">
<div style="border: 1px solid grey; background-color: #4a4a49;">
<div class="row" style="padding-top: 15px; padding-right: 10px;">
<div class="col-md-18">
<p style="text-align: center;"><strong> <span style="color: white;"> We only have limited spacesnow available.</span></strong></p>
</div>
</div>
</div>
</div>
</div>
</div>```
7

@HTML4LIFE

What part of this code do you not understand it and what part of this code do you understand it?

8 
<div style="border: 1px solid grey; background-color: #4a4a49;">
<div class="row" style="padding-top: 15px; padding-right: 10px;">
<div class="col-md-18">
<p style="text-align: center;"><strong> <span style="color: white;"> We only have limited spacesnow available.</span></strong></p>```
9

Hi I dont understand the col-md-18?

10

The col bit m not sure on

11

It looks like it’s using bootstrap:

So I’d probably start at the documentation for bootstrap (the linked page is to the grid section which explains col-md-18 specifically

It could be using another framework based on bootstrap I guess, but the principle would be the same

12

Thank you - i will give this a read and let you know if i have any questions

13

Im still confused. Can someone explain it to me all please? Sorry im new to this!

14

It’s a grid system.

col stands for column. Two middle letters stand for sizes. It can be sm, md, lg etc… It represents, small, medium and large. The last number tells how many columns it should occupy.

Usually the grid system has 12 columns, so I would think that 18 is a typo.

The above code then basically says at medium screen sizes. Between 576px 768px Grid system · Bootstrap, Give this class 18 columns which you can assign the class to a container of your content.