如何设置自举面板的高度，宽度和位置？

Question

如何设置自举面板的高度，宽度和位置？

这是我的代码

<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>

如何将面板设置为右上角？

Answer 1

你在面板默认

中输错了

你可以使用

<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>

这将使您的面板位于右上角

Answer 2

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