BootStrap 3.0網格系統不包含文本？

我只是在學習新的bootstrap網格系統，但它與2.x非常不同，我似乎無法讓它包含任何東西，它只是流出來。BootStrap 3.0網格系統不包含文本？

截圖：http://i.imgur.com/aBVgNVr.png

enter image description here

<!DOCTYPE html> 
<html> 
<head> 
    <title>ICG - Home</title> 
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
    <link href="css/over.css" rel="stylesheet"> 
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> 
    <!--[if lt IE 9]> 
     <script src="assets/js/html5shiv.js"></script> 
     <script src="assets/js/respond.min.js"></script> 
    <![endif]--> 
</head> 
<body> 
    <div class="navbar navbar-default navbar-fixed-top"> 
     <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" id="blue" href="#">iCanGame</a> 
     </div> 
     <div class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#about">Community</a></li> 
      <li><a href="#contact">All Games</a></li> 
      </ul> 
      <ul class="nav navbar-nav navbar-right"> 
      <li><a href="#login">Login</a></li> 
      <li><a href="#register">Register</a></li> 
      </ul> 
     </div><!--/.nav-collapse --> 
     </div> 
    </div> 
    <div id="navend"></div> 
    <div class="container"> 
       <div class="row"> 
       <div class="col-xs-10">left</div> 
       <div class="col-xs-2"><div class="wrap">sdsafdsafdsafdsafdsafdsajlsdhakfhdksahlfdsahkfldsakfhkdsakfdkjslahfdskhaflhdksaklfhdsaklfdkhsa</div></div> 
       </div> 
    </div> 
    <script src="assets/js/jquery.js"></script> 
    <script src="dist/js/bootstrap.min.js"></script> 
</body> 
</html>

來源

2013-08-27 Tim O' Connell

無論誰編輯我的帖子，謝謝！ –

好文本已溢出，因爲您的示例文本是你還沒有包括那些之間的任何空間中的一個字.. 請在下面找到的代碼..

<div class="row"> 
       <div class="col-xs-10"><p>left</p></div> 
       <div class="col-xs-2"><div class="wrap"><p> 
sdsafds dhakfhdks ahlfdsahkf ldsakfhk dsakfdkj slahfd skhafl hdksaklfhds aklfdkhsa</p> </div></div> 


</div>

來源

2013-08-27 01:42:45

這一個適合我..試着讓我知道.. –

我不知道這個問題。 –

您使用兩個.COL-MD-12，你不應該只用兩個.COL-MD-6類，因爲.COL-MD-12是寬度：100％ divs？

來源

2013-08-27 01:44:46 gespinha

因爲您正在給一個沒有空格的單詞。

例：字符串如adfjklsdjfaksdjfsakldjfsakl; fjsakl; DJF將無法正常工作。

相反，像asdfkljsd串; LF asdfkjds asdkfjklj將工作

和電網系統不會削減單個字到2號線。

順便說一句，通過鍵入測試段落將不是一個好主意。

嘗試類似paragraph generator 生成隨機段落。

來源

2017-01-21 17:39:01

BootStrap 3.0網格系統不包含文本？

回答

相關問題