希望我的内容通过引导程序响应,但它没有"work"



我有一个页面,其中布局以一个简单的文本开始,在它下面的一个框中有另一个文本,我用css自己制作。在右边,我有一个幻灯片,我从一个网站上拍摄的,与框中的文本很好地对齐。这是我的布局,当使用引导程序时,它并不能真正"工作"。当分辨率较低时,我希望内容下移,但它确实没有那么好用。我试着使用col-xs-6和其他例子,但它并没有真正起作用。事实上,我不确定这是否有意义,但我想让我的所有内容都能对当前页面大小做出响应,并以垂直向下或类似的形式进行调整。

这是我的代码,我在文本中有很多"fillercode,所以sry for the big mass:/"

<div class="TimmageH1">Serien utspelar sig på den fiktiva kontinenten Västeros, ofta kallad "De sju kungarikena". Eddard "Ned" Stark (Sean Bean), lord av Vinterfell, bekymras av rykten från muren i norr då han får besked om att Jon Arryn, hans mentor och kungens hand, dött av feber och att kung Robert Baratheon (Mark Addy) är på väg till Winterfell. Ned blir tillfrågad om att ersätta Arryn som kungens hand och reser till Kungshamn för att assistera kungen. Familjen Stark delas då upp genom att Ned och döttrarna Arya och Sansa åker till Kungshamn. Kvar i Vinterhed är Catelyn och hennes söner. Jon Snow, Neds oäkting som är illa omtyckt av Catelyn, beger sig till muren i norr för att bli en edsvuren man i Nattväktarna, den traditionstyngda vaktstyrka som försvarar muren som separerar den avlägsna norden. På andra sidan havet på kontinenten Essos smider exilprinsen Viserys Targaryen (Harry Lloyd) planer för att återerövra De sju kungarikena. Han gifter bort sin yngre syster Daenerys till stamkungen Khal Drogo. Daenerys blir senare en av huvudkaraktärerna då hon också har planer på att sitta på järntronen. Andra pretendenter är Roberts yngre bröder Stannis och Renly, som ser sig som Roberts legitima arvtagare. I norr gör Neds äldste son Robb anspråk på att vara "kungen i Norr" och på Järnöarna utropar sig lord Balon till kung av Järnöarna.</div>
<div class="GreyBG"><div class="Patchnotes"><h2>Patch Notes (Elr slideshow/liknande)</h2></div><div class="TimmageH2">Serien utspelar sig på den fiktiva kontinenten Västeros, ofta kallad "De sju kungarikena". Eddard "Ned" Stark (Sean Bean), lord av Vinterfell, bekymras av rykten från muren i norr då han får besked om att Jon Arryn, hans mentor och kungens hand, dött av feber och att kung Robert Baratheon (Mark Addy) är på väg till Winterfell. Ned blir tillfrågad om att ersätta Arryn som kungens hand och reser till Kungshamn för att assistera kungen. Familjen Stark delas då upp genom att Ned och döttrarna Arya och Sansa åker till Kungshamn. Kvar i Vinterhed är Catelyn och hennes söner. Jon Snow, Neds oäkting som är illa omtyckt av Catelyn, beger sig till muren i norr för att bli en edsvuren man i Nattväktarna, den traditionstyngda vaktstyrka som försvarar muren som separerar den avlägsna norden. På andra sidan havet på kontinenten Essos smider exilprinsen Viserys Targaryen (Harry Lloyd) planer för att återerövra De sju kungarikena. Han gifter bort sin yngre syster Daenerys till stamkungen Khal Drogo. Daenerys blir senare en av huvudkaraktärerna då hon också har planer på att sitta på järntronen. Andra pretendenter är Roberts yngre bröder Stannis och Renly, som ser sig som Roberts legitima arvtagare. I norr gör Neds äldste son Robb anspråk på att vara "kungen i Norr" och på Järnöarna utropar sig lord Balon till kung av Järnöarna.</div></div> 
<!-- Här börjar script länkning till bootstrap, modal och främst slideshowen. -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src = "js/modal.js"></script>
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/jssor.slider.mini.js"></script>
<!-- Här slutar script länkning till bootstrap, modal och främst slideshowen. -->
  <div class="SlideshowPosition">
<!-- use jssor.slider.debug.js instead for debug -->

Bootstrap利用网格系统使内容具有响应性。这意味着您应该始终将内容放在一行中,并在行中按列放置。当内容变得太大以至于屏幕大小要放在一起时,它将被放在一起。

示例:

<div class="row">
    <div class="col-md-6">
        <p>Left-side of the page</p>
    </div>
    <div class="col-md-6">
        <p>Right-side of the page</p>
    </div>
</div>

如果你想让内容只堆叠在非常小的设备上,你可以使用xs,如果你想把它堆叠在"中等"屏幕大小以下的任何东西上,你使用md等。

我还建议你在这里仔细阅读:http://getbootstrap.com/css/#grid

最新更新