0
$scope.html = [{
"name": "teste",
"data": [{
"tag": {
"name": "h1",
"text": "Titulo 1",
"colValue": ""
}
},
{
"tag": {
"name": "text",
"colValue": "col-xs-4"
}
}, {
"tag": {
"name": "h1",
"text": "Titulo 2",
"colValue": ""
}
},
{
"tag": {
"name": "text",
"colValue": "col-xs-4"
}
},
{
"tag": {
"name": "text",
"colValue": "col-xs-8"
}
}
]
}, {
"name": "teste",
"data": [{
"tag": {
"name": "h1",
"text": "Titulo 3",
"colValue": ""
}
},
{
"tag": {
"name": "text",
"colValue": "col-xs-4"
}
}
]
}];
I’m dynamically generating the tags html
with javascript and using bootstrap
as framework
, but the second tag <h1>
not going for a new line, you can see the example here:
http://jsfiddle.net/92z54z04/909/
In the second item of your arrray date the property colValue estác om col-Xs-4, you have to increase this value in order to descend the next item or you can create a new Row to contain the next item.
– Felipe Coelho
@Felipecoelho you could ask as the answer to the question to be more visible to other people who have the same mistake.
– FilipeTD