2015-11-16 5 views
0

я реализовал модальность:Угловая Bootstrap Модальные не Scaling

<script type="text/ng-template" id="myModalContent.html"> 
    <div class="modal-header"> 
     <button class="close" type="button" ng-click="cancel()">&times;</button> 

    </div> 
    <div class="modal-body"> 
     <h3>asjdkljasldjal;sdjakl;djal;jqwjeo8qajeoqjeoqoweuq90euq0uew0qjwe09quwe9qu0equ09weu8q90uwe0que98que9quew89que9quw9eq9weuq98eualsnkdakjsd</h3> 
    </div> 
</script> 

Однако коробка не масштабирования с текстом, как показано здесь:

Modal isn't scaling

Из документации угловой самозагрузки, это материал должен автоматически масштабироваться. Есть ли опция, которую мне нужно включить? Или есть что-то, что я пропустил в реализации?

+0

Проблема ваша длинная, непрерывная строка текста – Phil

+0

См https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of- container/ – Phil

+0

@Phil В качестве примера я использовал большую строку. Мой фактический контент - это не только строка. Это может быть видео или изображение. Есть ли способ сделать модальное расширение для удовлетворения его содержимого? – Dudemanword

ответ

1

Попробуйте этот CSS: word-wrap: break-word; на вашем длинном несломанном слове.

http://www.w3schools.com/cssref/css3_pr_word-wrap.asp http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_word-wrap

+0

В качестве примера я использовал большую строку. Если бы я сказал, используйте видео или изображение, модальное не будет растягиваться ни – Dudemanword

+0

Помогает ли это: http://stackoverflow.com/questions/16152275/how-to-resize-twitter-bootstrap-modal-dynamically- основанный на содержимом # – kensplanet

+0

Я видел этот вопрос, однако, угловой бутстрап и jquery не играют хорошо вместе. См. Https://scotch.io/tutorials/how-to-correctly-use-bootstrapjs-and-angularjs-together – Dudemanword

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