如何在Bootstrap中选择960px宽的容器而不是1200px 的容器？
我使用Bootstrap时遇到问题.
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Landing Page</title>
<!-- Bootstrap -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<link href="bootstrap/css/custom.css" rel="stylesheet" media="screen">
<!-- Javascript -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="row" id="main_header">
</div>
</div>
</body>
</html>但结果是行大于容器.
我给你留个照片来理解我的意思
http://i50.tinypic.com/2dvsah3.png
在custom.css中,只有div的高度和颜色.
昨天我使用的是自举颜色选择器:http://www.eyecon.ro/bootstrap-colorpicker/
简单的HTML代码是:
<link rel="stylesheet" href="vendor/colorpicker/css/colorpicker.css">
<div class="colorpicker" id="yellow">
<a href=""></a>
</div>
<script src="vendor/colorpicker/js/colorpicker.js"></script>
js是:
$ ('. colorpicker'). colorpicker ()
不幸的是我没有任何效果,因为谷歌浏览器中的控制台给了我这个错误:
Uncaught TypeError: Object [object Object] has no method 'colorpicker'
我不明白是什么导致了这个错误.