Form: Questions about hr and break rows

[hidroxid]

Hello

In the next image I have these three column divisions, where:

-The first section has a col-lg-3
-The second section has a col-lg-2
-The third section has a col-lg-2

After the first two lines comes the totalization.

To show the totalization fields in their correct position (to the right), I create a “ghost” column with a col-lg-5 (to push them to the right).

To show the start of each totalization, I use a dividing line with the following code:

<div class="row h-25">
	<div class="col-lg-9"></div>
	
	<div class="col-lg-2">
		<hr class="solid my-1 mb-2 bg-color-black">
	</div>
</div>

On the above scenario, I have the following questions:

1-How could I make the dividing line occupy all the space of col-lg-2?

2-How to do so that when viewing the form on a phone, the subtotalization section (the label and the input) are not divided and remain on a single line?

Thanks

---

[hidroxid]

Hello, anyone there?

---

[Author]

Posts