Twitter bootstrap Twitter引导块布局问题
目前，我正在使用（Twitter）引导框架，在以下（响应）布局方面遇到困难：Twitter bootstrap Twitter引导块布局问题,twitter-bootstrap,Twitter Bootstrap,目前，我正在使用（Twitter）引导框架，在以下（响应）布局方面遇到困难： <head> <title>Demo</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--<script src="http://code.jquery.com/jquery-2.0.0.mi
<head>
<title>Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--<script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>-->
<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<!--<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>-->
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body> <div class="row-fluid">
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
</div></body>
</html>
<head>
<title>Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--<script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>-->
<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<!--<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>-->
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body> <div class="row-fluid">
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
</div></body>
</html>
<head>
<title>Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--<script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>-->
<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<!--<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>-->
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body> <div class="row-fluid">
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
</div></body>
</html>
<div class="row-fluid">
<div class="span6">
<div class="row-fluid">
<div class="span3"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
</div>
<head>
<title>Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--<script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>-->
<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<!--<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>-->
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body> <div class="row-fluid">
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
</div></body>
</html>
滴度
日期
<head>
<title>Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--<script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>-->
<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<!--<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>-->
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body> <div class="row-fluid">
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
</div></body>
</html>
这是一个很好的例子
<head>
<title>Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--<script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>-->
<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<!--<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>-->
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body> <div class="row-fluid">
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
</div></body>
</html>
<head>
<title>Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--<script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>-->
<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<!--<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>-->
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body> <div class="row-fluid">
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
</div></body>
</html>
演示
滴度
日期
<head>
<title>Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--<script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>-->
<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<!--<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>-->
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body> <div class="row-fluid">
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
</div></body>
</html>
这是一个很好的例子
<head>
<title>Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--<script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>-->
<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<!--<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>-->
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body> <div class="row-fluid">
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
</div></body>
</html>
滴度
日期
<head>
<title>Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--<script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>-->
<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<!--<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>-->
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body> <div class="row-fluid">
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
</div></body>
</html>
这是一个很好的例子
<head>
<title>Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--<script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>-->
<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<!--<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>-->
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body> <div class="row-fluid">
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
</div></body>
</html>
如果您的需求得到满足，请告诉我。以上URl重定向到404页。请查看。谢谢。更改为正确的URL请提供html（本应这样做..确定html代码粘贴）您是否正在使用响应性布局！非常棒的工作，塞缪尔，非常感谢，再次为遗漏问题中的基本内容感到抱歉！
<head>
<title>Demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--<script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>-->
<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<!--<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>-->
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet">
<link href=" http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body> <div class="row-fluid">
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
<div class="span6">
<div class="row-fluid">
<div class="span2"><img src="http://www.dreamix-studio.com/wp-content/uploads/icon_3jaar-150x150.png" class="blog-icon2"/></div>
<div class="span9" ><h2 class="blog-title2">titel</h2>
<p>Date</p> </div>
<div class="span12">
<p>Dit is een lange tekst met beschrijving van de app</p></div>
</div>
</div>
</div></body>
</html>