Some help please?

marine1

Honorary Master
Joined
Sep 4, 2006
Messages
50,632
Reaction score
3,179
Location
A black hole in the universe - JHB
I am playing around with my webpage thats in development.

I have the following problem where the items below are not placed properly.

[/mp_row]span4.jpg


Below is the code:

Please can someone assist and tell me what the problem is?
Thanks

[row]

[span12]
<h1>Our advantages</h1>
[row_in]

[span4]

[dropcap]A.[/dropcap]

Commitment to excellence

[/span4]

[span4]

[dropcap]B.[/dropcap]

Hand on approach

[/span4]

[span4]

[dropcap]C.[/dropcap]

Integrity

[span4]

[/span4]

&nbsp;

[dropcap]D.[/dropcap]

[/span4]

[span4]

&nbsp;

[dropcap]E.[/dropcap]

Confidentiality

[/span4]

[span4]

&nbsp;

[dropcap]F.[/dropcap]

Pride in our work

[/span4]

&nbsp;

[/row_in]

[/span12]

[/row]

[/content_box]

[/mp_span]
 

Attachments

  • span4.jpg
    span4.jpg
    12 KB · Views: 331
Last edited:
Too many spans to for the row..

you have:
row
span12
span4 span4 span4 span4 span4 span4
/span
xxx..

span12 means you can fit 12 span1 in the container, or 6 span2 or 4 span3 or 3 span4 or 2 span6 or 1 span 12.
you're trying to fir 6 span4 into the span12.

Try breaking it into 2 different rows and avoid using a table else it's not going to be responsive without extra rules..
Code:
[row]
[span12]
<h1>Our advantages</h1>
[row_in]
[span4]
[dropcap]A.[/dropcap]
Commitment to excellence
[/span4]
[span4]
[dropcap]B.[/dropcap]
Hand on approach
[/span4]
[span4]
[dropcap]C.[/dropcap]
Integrity
[/span4]
[/row_in]
[/span12]
[/row]
[row]
[span12]
[row_in]
[span4]
[dropcap]D.[/dropcap]
XXXXX
[/span4]
[span4]
[dropcap]E.[/dropcap]
Confidentiality
[/span4]
[span4]
[dropcap]F.[/dropcap]
Pride in our work
[/span4]
[/row_in]
[/span12]
[/row]
[/content_box]
[/mp_span]
 
Last edited:
FYI - Bootstrap 4 is coming out soonish but 3 will still be supported.

Supporting v3
When we shipped Bootstrap 3, we immediately discontinued all support for v2.x, causing a lot of pain for all our users out there. That was a mistake we won’t be making again. For the foreseeable future, we’ll be maintaining Bootstrap 3 with critical bug fixes and documentation improvements. v3 docs will also continue to be hosted after v4’s final release.
 
Top
Sign up to the MyBroadband newsletter
X