0

ブートストラップを使用するのは初めてで、ページの上部全体に全幅を伸ばしたい div 長方形に問題があります (上部の SO 灰色のバーのように)。サイズを 100% にして余白をリセットしようとしましたが、何も機能しません。また、コンテナ div から四角形を取り出してみましたが、消えてしまいました :(。次に、代わりに四角形をうまく作成しようとしましたが、高さを 20px に設定したくないようです。

SOで提案されているように、ほとんどのdivの再配置または !important の使用を試みましたが、何らかの理由でdivが協力していません。上司の要求に従って、青いバーをページの上部に伸ばしたいだけです:P

私は少しイライラしています、そして誰かが私を助けることができるのだろうか？

<body>
<div class="container">
  <div class="rectangle span12"></div>
  <div class="container">
    <div class="row-fluid">
      <span class="span12">
        <img src="images/one-pager-blogcta-08.png" class="pull-right image">
      </span>
    </div>
  </div>

そしてCSS

  body {
   padding-left: 0;
   padding-right: 0;
 }
 /* Set floating dom-heading margins to 0 */
 [class*="dom-heading"] {
   margin: 0;
 }
 .container .rectangle {
   background: #1f2f5f;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   -o-box-shadow: none;
   box-shadow: none;
   border-radius: 0px;
   margin-left: 0px !important;
   border: none;
   height: 20px;
   width:100%;

 }

サイト: intervalmed.com

4

2 に答える 2

0

HTML:

<body>
<div class="navbar rectangle">
    <div class="container-fluid">
        <!--menu items-->
    </div>
</div> <!-- .navbar -->
<div class="container">
  <div class="container">
    <div class="row-fluid">
      <span class="span12">
        <img src="images/one-pager-blogcta-08.png" class="pull-right image">
      </span>
    </div>
  </div>

CSS:

.rectangle {
   background: #1f2f5f;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   -o-box-shadow: none;
   box-shadow: none;
   border-radius: 0px;
   margin-left: 0px !important;
   border: none;
   height: 20px;
   width:100%;

 }
于 2013-08-13T17:09:16.067 に答える