2

わかりましたので、コンテンツを含むスパンを画面全体に 100% 表示しようとしていますが、何らかの理由でスパンで width:100% を実行するたびに、奇妙に表示され、右端まで伸びて余白が残ります。その左側にあります。これにスパンを使用する必要があるかどうかさえわかりませんが、そう推測します。私のspan12が画面の100％を占めるようにしようとしています。

私のコードは基本的に見えます:

<div class="row-fluid">
  <div class="span12">
    <ul class="inline"> 

      <li><a href="#">Link1</a></li>
      <li><a href="#">Link1</a></li>
      <li><a href="#">Link1</a></li>
      <li><a href="#">Link1</a></li>

    </ul>
  </div>
</div>

ご存じのように、span12 は 100% を完全に占有するわけではなく、両側に約 20 ピクセル程度の余白を残します。

アップデート：

これを行えばOK：

<!DOCTYPE html>
<html lang="en">
<head>
<title>Untitled</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">

<style type="text/css">

.span12 {
background:#999;
padding:20px 0px;
}
/*THIS IS A GREY BOX THAT GOES ACROSS THE ENTIRE SCREEN end*/

</style>
</head>
<body>
<div class="container-fluid">

   <div class="row-fluid">
   <div class="span12">
  <p>THIS IS THE GREY BOX CONTENT THAT I WANT GOING ACROSS THE ENTIRE SCREEN 1OO% WITH NO MARGIN THATS THE SPAN12 HAS ON THE SIDES</p>

   </div><!--span12 END-->
   </div><!--row END-->
   </div><!--container END-->

</body>

画面全体に灰色のボックスが表示されます。ご存じのとおり、span12 流体は画面全体に行き渡るわけではなく、スパンの左右に約 20 ピクセル程度のマージンがあります。span12 (灰色のボックス) の幅を 100% にして画面全体に広げたいと考えています。

私は html, body { margin: 0; を試しました。パディング: 0; } そして、それは機能しません span12 は、100％（画面全体）になるのではなく、側面にまだマージンがあります

4

5 に答える 5

1

コンテナの液体をウィンドウのサイズに合わせたい場合は、次のようにパディングを削除し.container-fluidてください:

.container-fluid {
  padding: 0;
}

また、モバイル レイアウトの本文からパディングを削除します。

body {
  padding: 0;
}

ここで実際の例を見ることができます: http://bootply.com/61164

于 2013-05-12T10:32:37.330 に答える
0

次の CSS を追加してみてください。

html, body { margin: 0; padding: 0; }
于 2013-05-12T08:53:47.223 に答える
0

.container-full を使用してみてください。または、背景色の後に container-fluid を使用してください。パディングによってガターが作成されるため、背景色または画像が画面全体に広がります。

于 2014-02-20T11:27:52.953 に答える
-1

画面全体で 100% を達成するために、単語のコンテナーをエンベロープに変更し、必要な CSS を .envelope に適用します。私のために働きます。

于 2015-07-06T23:15:15.063 に答える