How to set rowspan for a div in bootstrap?

Asked Jul 24 '19 at 07:40

Active Jul 24 '19 at 11:15

Viewed 136 times

I'm trying to set rowspan for a div to combine rows in bootstrap. Please note that I am trying to achieve this without creating extra div and nesting a divs which are the usual methods.

<div class="container-fluid">
    <div class="row" >
        <div class="col-sm-2" style="background-color: pink;">A</div>
        <div class="col-sm-8" style="background-color: pink;">B</div>
        <div  class="col-sm-2" style="background-color: yellow;" >
        <hr/>  #Rowspan for this div#
        </div>
        <div class="col-sm-2" style="background-color: green;">C</div>
        <div class="col-sm-8" style="background-color: green;">D</div>
     </div>

Output:

Expected Output:

edited Jul 24 '19 at 07:55

asked Jul 24 '19 at 07:40

Bhavani Kannan

you don't have a rowspan here you have a
... what exactly do you want? – cloned Jul 24 '19 at 07:46
Not for
I want rowspan for the div that contains
– Bhavani Kannan Jul 24 '19 at 07:51
You can't achieve this without restructuring the divs. – cloned Jul 24 '19 at 08:10

How to set rowspan for a div in bootstrap?

0 Answers0