How can i change order of sorting not right but downward

byMR

February 20, 2022

Hi everyone I have a problem on Bootstrap i have a list like this;

A —– B —– C

D —– E —– F

G —– H —– I

But I want to list it like below.

A —– D —– G

B —– E —– H

C —– F —– I

It becomes very complicated to me.
I have tried to research but found nothing with my B1 English.

>Solution :

Try using this code. This will allow you to manage how many columns you want to show. This can be achieved without Bootstrap. column-count is the property to break list in multiple columns.

Other solutions will be require additional effort to print data if your data is dynamic.

<!DOCTYPE html>
<html lang="en">
<body>
  <ul style="column-count: 3">
    <li>A</li>
    <li>B</li>
    <li>C</li>
    <li>D</li>
    <li>E</li>
    <li>F</li>
    <li>G</li>
    <li>H</li>
    <li>I</li>
  </ul>
</body>
</html>