为什么我的元素没有排成一行?

时间:2015-03-24 18:31:48

标签: html css twitter-bootstrap

这很神秘:

http://avocat2.dac-proiect.ro/

这是代码HTML:

<div class="container">
  <h1>Hello World!</h1>
  <p>Resize the browser window to see the effect.</p>      
  <div class="row">
    <div class="col-sm-6" style="background-color:lavender;">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
      <p> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
    </div>
    <div class="col-sm-6" style="background-color:lavenderblush;">
      <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
    </div>
  </div>
</div>

这是一个例子:

http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_grid_stacked_to_hor&stacked=h

enter image description here

在上面的示例中,元素排成一行,当您调整窗口大小时,请转到下面。

不幸的是,我位于下方。

怎么了?我完全按原样复制了代码。

我画了一张照片,以便更好地了解他们如何看待我?

2 个答案:

答案 0 :(得分:0)

Bootstrap支持四种不同尺寸的尺码,您目前只使用一种:

  

Bootstrap 3网格系统有四层:xs(手机),sm(平板电脑),md(桌面)和lg(大型桌面)。您几乎可以使用这些类的任意组合来创建更加动态和灵活的布局。

要在多个大小的层上获得相同的效果,可以通过添加类来添加更多层:

<div class="col-sm-6 col-xs-6"

答案 1 :(得分:0)

对我而言,您的网站配置中似乎没有所有引导程序组件。

看着你的头脑&#34;使用Chrome Inspector,我无法找到任何完整的Bootstrap CSS相关内容。

添加课程&#34;文字中心&#34;例如,在一行上。通常,您的文本将居中。