Макс-высота и горизонтальный дисплей с бутстрапом

Я пытаюсь настроить стиль своего углового шаблона с помощью Bootstrap и личного файла CSS.Макс-высота и горизонтальный дисплей с бутстрапом

<!-- index.html --> 
<div static-include="partial/example.html"></div>

Здесь static-include - это директива, которую я нашел в Stack Overflow, для того, чтобы не создавать дочернюю область.

<!-- example.html --> 
<div class="well"> 
    <h6>Listes</h6> 
    <div ng-repeat="column in lists"> 
     <dt>{{ column.name }}</dt> 
     <dd ng-repeat="term in column">{{ term }}</dd> 
    </div> 
</div>

В зависимости от объема используемого $, размер изменения сНа:

Но я хотел бы, чтобы быть в состоянии определить максимальную-высоту. Проблема с максимальной высоты, что только размер изменяется так:

Что я могу сделать, чтобы объявить максимальную высоту, если, например, «Gratuite» выходит за рамки, это будет справа?

EDIT: Как это: enter image description here

PS: Я очень сожалею о том, как я выражающей мою проблему, но мне не хватает технических терминов.

PS2: последнее изображение портировано, у меня нет ответа.

Благодаря

источник

2013-12-16 Romain

будет проще с jsfiddle - но вы пробовали 'переполнения: auto' на' well'? – Horen

Или подчиненный элемент, если требуется только прокрутка столбца. – isherwood

попробуйте поместить вокруг своих колонок в колоде – btm1

Я попытался создать скрипку размножения своих условий. Возможно, вы могли бы разветвить это и дать нам лучший пример сценария, который вы пытаетесь объяснить?

http://jsfiddle.net/rodhartzell/2AgC4/3/

HTML

<body ng-app="myApp"> 
     <div ng-controller="MyCtrl"> 
      <div class="well"> 
       <h6>Listes</h6> 
       <dl ng-repeat="column in lists"> 
        <dt>{{ column.name }}</dt> 
        <dl ng-repeat="num in column.term">{{num}}</dl> 
       </dl> 
      </div> 

     </div> 
    </body>

JavaScript

var myApp = angular.module('myApp', []); 

function MyCtrl($scope) { 

    $scope.lists = [{ 
      "name": "Peremntion", 
      "term": [2, 5, 9, 0, 11, 0, 0] 
     }, { 
      "name": "column 2", 
      "term": [2, 5, 9, 0, 11, 0, 0] 
     }]; 
}

источник

2013-12-17 04:00:36

Мне очень жаль, что я не могу сделать вашу скрипку работы =/ Единственным выходом я получаю Listes {{column.name}} {{термин}} – Romain

К сожалению ... Посмотреть обновленную ссылку скрипки - > http://jsfiddle.net/rodhartzell/2AgC4/3/ –

Макс-высота и горизонтальный дисплей с бутстрапом

ответ

Смежные вопросы