Fatal编程技术网

Twitter bootstrap 自举重叠跨距

twitter-bootstrap html

Twitter bootstrap 自举重叠跨距,twitter-bootstrap,html,scaffolding,Twitter Bootstrap,Html,Scaffolding,我正在学习bootstrap，在响应能力和大小调整方面有点问题 我有两个要素： 当调整窗口大小，甚至在iPad/iPhone或某些屏幕尺寸中查看时，问题出现了，跨度重叠： 在充分挤压后，它最终会重新排列到不重叠的位置： 也许我错过了什么，因为我的网络编程新手 这是我的密码： <!DOCTYPE html> <html lang="en"> <head> <script src="http://ajax.googleapis.com/ajax

我正在学习bootstrap，在响应能力和大小调整方面有点问题

我有两个要素：

当调整窗口大小，甚至在iPad/iPhone或某些屏幕尺寸中查看时，问题出现了，跨度重叠：

在充分挤压后，它最终会重新排列到不重叠的位置：

也许我错过了什么，因为我的网络编程新手

这是我的密码：

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <link href="<?php echo base_url() ?>assets/css/bootstrap.css" rel="stylesheet">

    <meta charset="utf-8">

    <style type="text/css">

        body {
            background-color: #f5f5f5;
            font: 13px/20px normal Helvetica, Arial, sans-serif;
            color: #4F5155;
        }

        #aux{
            margin: 40px;
            height: 100%;
            padding-top: 40px;
        }

        #body{
            background-color: #fff;
        }

        .containerList{ border:2px solid #ccc; width:100%; height: 100px; }


    </style>
    <link href="<?php echo base_url() ?>assets/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body>


    <div id="aux">
        <div id="wrap">
            <div id="body" class="well">
                <div class="row-fluid">
                    <div class="span3">
                        <textarea id="limitedtextarea" name="limitedtextarea" rows="5" cols="40"></textarea><br>
                    </div>
                    <div id="otherPartFormId" class="span9" >
                        <div id="otherPartForm">
                            <div class="containerList"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="<?php echo base_url() ?>assets/js/bootstrap.min.js"></script>
</body>
</html>


默认情况下，
的宽度由
cols=”“
的数量定义。你可以通过CSS设置一些值，比如
width:100px
除了列数之外：CSS定义的宽度将覆盖列数

但在本例中，您希望基于流体栅格强制设置宽度，如
.row fluid
容器所示。因此，您应该将
.span12
类应用于
，如下所示：








默认情况下，
的宽度由
cols=”“
的数量定义。你可以通过CSS设置一些值，比如
width:100px
除了列数之外：CSS定义的宽度将覆盖列数

但在本例中，您希望基于流体栅格强制设置宽度，如
.row fluid
容器所示。因此，您应该将
.span12
类应用于
，如下所示：