CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
GoingMyWay
GoingMyWay

Reputation: 17468

How to set height, width and position of panel of bootstrap?

How to set height, width and position of panel of bootstrap?

Here is my code

<div class="panel panel-default">
    <button type="button" class="close" aria-hidden="true">&times;</button>
    <div class="panel-heading">Welcome User!</div>
    <div class="panel-body">
        panel body ....
    </div>
    <div class="panel-footer">panel footer</div>
</div>

And how to set the panel to upper right?

Upvotes: 1

Views: 16828

Answers (2)

Oleg Markoff
Oleg Markoff

Reputation: 321

you have typo in panel-default

you can use

<div class="row">
  <div class="col-md-4 col-md-offset-8">
    <div class="panel panel-default">
      <button type="button" class="close" aria-hidden="true">&times;</button>
      <div class="panel-heading">Welcome User!</div>
      <div class="panel-body">
          panel body ....
      </div>
    <div class="panel-footer">panel footer</div>
  </div>
</div>

That will make your panel in the top right corner

Upvotes: 5

Nirnay Kulshreshtha
Nirnay Kulshreshtha

Reputation: 73

.panel.panel-default{
  position: absolute;
  top: 0;
  right: 0;
}

Upvotes: 0

Related Questions