CODEWITHSUNDEEP
csstwitter-bootstrap
INFOSYS
INFOSYS

Reputation: 1585

How to combine two separate rows in Bootstrap to a column

I have the following Structure

enter image description here

I want to push the second row up to the blank area of row 1 using bootstrap. Novice in css please help

UPDATE

<div class="row">
  <div class="col-md-8">
    <form >
SMALL FORM
    </form>
  </div>
  <div class="col-md-4">
HUGE IMAGE
  </div>
</div>

<div class="row">
  <div class="col-md-8">
    DATA
    </div>
</div>

Upvotes: 0

Views: 2139

Answers (2)

Lindsay
Lindsay

Reputation: 36

Have you tried something like this? 

<div class="row">
    <div class="col-md-8">
        <div class='row'>
            <div class='col-md-12'>
                <form >
                    SMALL FORM
                </form>
            </div>
        </div>
        <div class='row'>
            <div class='col-md-12'>
                DATA
            </div>
        </div>
    <div class="col-md-4">
        HUGE IMAGE
    </div>
</div>

Upvotes: 1

Rob Anthony
Rob Anthony

Reputation: 1813

You haven't given much to go on, but have you tried the following?

<div class="row">
  <div class="col-md-8">
    <form >
SMALL FORM
    </form>
    DATA
  </div>
  <div class="col-md-4">
HUGE IMAGE
  </div>
</div>

Upvotes: 0

Related Questions