日期:2014-05-17  浏览次数:20433 次

在vs2010设计器中看到bootstrap布局效果和浏览器中看到不一样,怎么解决呢
在vs2010设计器中看到bootstrap布局效果和浏览器中看到不一样,如图:

实际应该在一行上

代码如下:


<!DOCTYPE html>
<html>
<head>
    <title>Bootstrap 101 Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="Styles/bootstrap.min.css" rel="stylesheet" media="screen">
    <script src="Scripts/jquery-1.8.3.min.js"></script>
    <script src="Scripts/bootstrap.min.js"></script>
</head>
<body>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span2" style="background-color:Blue;">              
                aaaaaaaa</div>
            <div class="span10" style="background-color:Fuchsia;">           
                bbbbbbbbbbbbbbb</div>
        </div>
    </div>
</body>
</html>


------解决方案--------------------
以浏览器效果为准,编辑器里面看起来没有问题,不一定浏览就没问题了。
------解决方案--------------------
引用:
在vs2010设计器中看到bootstrap布局效果和浏览器中看到不一样,如图:

实际应该在一行上

代码如下:


<!DOCTYPE html>
<html>
<head>
    <title>Bootstrap 101 Template</title>