Bootstrap вертикальная запись

Question

Я хочу написать текст с Bootstrap, вертикально, но не так, как преобразовать текст 90 °. Вертикальный, но повернутый и трудно читаемый.

Но на самом деле написано, как этот: Вертикаль и не получилось

Я думаю, что есть способ сделать это с Bootstrap? Ты что-то знаешь?

Answer 1

Вы можете сделать что-то вроде этого:

CSS 
     .vericaltext{ 
      width:1px; 
      word-wrap: break-word; 
      white-space:pre-wrap; 
     } 

Answer 2

Там нет абсолютно никакого конкретного способа в Bootstrap, ни в CSS в одиночку писать его определенным образом ...

Я думаю, единственный способ сделать такую ​​вещь, чтобы сделать возвращение к линии после каждого письмо. Попробуйте использовать тег HTML <br>. Главной проблемой такого метода является семантика, учитывая, что слово будет разделено.

Answer 3

Вы можете увидеть этот учебник!
https://davidwalsh.name/css-vertical-text

В простоте вы можете использовать CSS для этого.

.vertical-text { 
transform: rotate(90deg); 
transform-origin: left top 0; 
}