Мне не удается получить текст для переноса в заголовке карты.Я повторяю карту в php, и она получается отлично, за исключением заголовка, который запускается прямо с экрана.экран.
Это простой пример без пользовательского класса / CSS ... текст заголовка переносится нормально; Можете ли вы воспроизвести проблему здесь, в области фрагмента кода?
После код работает с эффектом переноса, как вы хотели:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.1/css/bootstrap.min.css"> <div class="container"> <div class="card"> <img class="card-img-top img-fluid" src="https://www.w3schools.com/bootstrap4/img_avatar1.png" alt="Card image" style="width:100%"> <div class="card-header" id="heading'.$collapseID.'"> <h5 class="mb-0"> <button class="btn btn-link collapsed text-left" data-toggle="collapse" data-target="#collapse'.$collapseID.'" aria-expanded="false" aria-controls="collapse'.$collapseID.'"> Header: This just runs right off the screen....asdf jkl; asdf jkl; asdf jkl; asdf jkl </button> </h5> </div> <div class="card-body"> <h4 class="card-title">John Doe</h4> <p class="card-text">Some example text some example text. John Doe is an architect and engineer</p> <a href="#" class="btn btn-primary">See Profile</a> </div> </div> </div>
обновление : изменена версия начальной загрузки с 4.3.1 на 4.0.1