Seeking to modify the appearance of my Angular Template by incorporating Bootstrap and a custom CSS file.
<!-- index.html -->
<div static-include="partial/example.html"></div>
The static-include directive, sourced from Stack Overflow, prevents the creation of a child scope.
<!-- example.html -->
<div class="well">
<h6>Lists</h6>
<div ng-repeat="column in lists">
<dt>{{ column.name }}</dt>
<dd ng-repeat="term in column">{{ term }}</dd>
</div>
</div>
When using different $scope settings, the size of the div adjusts accordingly:
However, I am looking to set a maximum height. The issue with max-height is that only the well's size changes:
Is there a way to define a max height so that if something like "Gratuite" exceeds it, it will move to the right?
EDIT: Similar to this concept:
PS: Apologies for any confusion in explaining my problem; I may lack technical terminology.
PS2: The last image has been edited with Photoshop, as I do not have the solution yet.
Thank you