0

このラッピングを考えると：

<div class="container">
    <div class="row-fluid swell">
    <div class="span9">
        hello world
    </div>
</div>
</div>

このスタイリング (twitter-bootstrap の上):

.swell {
    background-color: #F5F5F5;
    border: 1px solid #E3E3E3;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}

優雅な応答性を得るにはどうすればよいですか?

( Web サイトが実行されているのを確認できるPlnkr 。ブラウザ ウィンドウの端をドラッグして問題を確認します)

4

2 に答える 2

0

解決策を考え出した：

<div class="swell">
    <div class="row-fluid">
        <div class="span9">
            Hello world!
        </div>
    </div>
</div>
于 2013-03-19T19:42:36.420 に答える
0

行とウェルの両方で div を作成しないでください。

<div class="row-fluid">
  <div class="swell">
    <div class="span9">
     hello world
    </div>
  </div>
</div>
于 2013-03-19T19:02:22.147 に答える