How do I add another row to this code?

Posted 14 days, 3 hours ago by GarnetSunset

Log

Username
Status
Currency
Notes

Add
90
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis hendrerit turpis, vel pulvinar augue. Vivamus vel pellentesque lorem.

Remove
30
Nulla in mi tortor. Curabitur aliquet, erat ac ullamcorper semper, nulla eros pharetra nulla.

Remove
120
Donec finibus lorem a facilisis suscipit.

Add
320
Aenean finibus, lorem sit amet dignissim commodo, nibh erat tempus nisi, a porttitor ipsum nisi id lectus. Integer feugiat massa sollicitudin quam dictum.

I've got this really nice bit of code from vicodes, but I can't figure out how to add another vertical row. It keeps glitching out whenever I do. Help :(

GarnetSunset


// <!-- log - start -->

<p class="pansear mt-2">Log

<span class="pignite"><i class="fa-light fa-piggy-bank"></i></span>

</p>


<div class="row m-0">

<div class="col-sm-2 pidove">

Username

</div>

<div class="col-sm-2 pidove">

Status

</div>

<div class="col-sm-2 pidove">

Currency

</div>

<div class="col-sm pidove">

Notes

</div>

</div>


<!------------------------------------------------------------

log entry - end

-------------------------------------------------------------->

<div class="row m-0">

<div class="col-sm-2 tranquill zebstrika roggenrola">

<!-- username -->

<a href="URL">Username</a>

</div>

<div class="col-sm-2 tranquill zebstrika">

<!-- status - add -->

<span class="emboar">Add</span>

</div>

<div class="col-sm-2 tranquill zebstrika unfezant">

<!-- currency -->

90

</div>

<div class="col-sm boldore">

<!-- notes -->

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis hendrerit turpis, vel pulvinar augue. Vivamus vel pellentesque lorem.

</div>

</div>

<!------------------------------------------------------------

log entry - end

-------------------------------------------------------------->


<!------------------------------------------------------------

log entry - end

-------------------------------------------------------------->

<div class="row m-0">

<div class="col-sm-2 tranquill zebstrika roggenrola">

<!-- username -->

<a href="URL">Username</a>

</div>

<div class="col-sm-2 tranquill zebstrika">

<!-- status - remove -->

<span class="woobat">Remove</span>

</div>

<div class="col-sm-2 tranquill zebstrika unfezant">

<!-- currency -->

30

</div>

<div class="col-sm boldore">

<!-- notes -->

Nulla in mi tortor. Curabitur aliquet, erat ac ullamcorper semper, nulla eros pharetra nulla.

</div>

</div>

<!------------------------------------------------------------

log entry - end

-------------------------------------------------------------->


<!------------------------------------------------------------

log entry - end

-------------------------------------------------------------->

<div class="row m-0">

<div class="col-sm-2 tranquill zebstrika roggenrola">

<!-- username -->

<a href="URL">Username</a>

</div>

<div class="col-sm-2 tranquill zebstrika">

<!-- status - remove -->

<span class="woobat">Remove</span>

</div>

<div class="col-sm-2 tranquill zebstrika unfezant">

<!-- currency -->

120

</div>

<div class="col-sm boldore">

<!-- notes -->

Donec finibus lorem a facilisis suscipit.

</div>

</div>

<!------------------------------------------------------------

log entry - end

-------------------------------------------------------------->


<!------------------------------------------------------------

log entry - end

-------------------------------------------------------------->

<div class="row m-0">

<div class="col-sm-2 tranquill zebstrika roggenrola">

<!-- username -->

<a href="URL">Username</a>

</div>

<div class="col-sm-2 tranquill zebstrika">

<!-- status - add -->

<span class="emboar">Add</span>

</div>

<div class="col-sm-2 tranquill zebstrika unfezant">

<!-- currency -->

320

</div>

<div class="col-sm boldore">

<!-- notes -->

Aenean finibus, lorem sit amet dignissim commodo, nibh erat tempus nisi, a porttitor ipsum nisi id lectus. Integer feugiat massa sollicitudin quam dictum.

</div>

</div>

<!------------------------------------------------------------

log entry - end

-------------------------------------------------------------->


<!--------------------------------------------------------------


!! TO ADD MORE LOG ENTRYS !!


copy the log entry from start to end signals

and paste it here, after the last log


----------------------------------------------------------------> //

Smugeru

do you mean row or column?

GarnetSunset

Smugeru oh! I meant column

Smugeru

Ok! So in order to add more columns, what id do is:

- Change col-sm-2 into col-sm-1! 

- And add more divs inside the div row! That should work for you.

Also theres a lot of useless words inside the div properties that could be removed to make it more readable, like: tranquill zebstrika unfezant and more stuff like that. They're probably keywords that the og coder used to get around the code.