Question

哦，这个问题使我发疯。

<html lang="en-US" class="js">
	<head>
  		<meta charset="UTF-8">
		<link rel="stylesheet" id="bootstrap-css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" type="text/css" media="all">
	</head>

	<body class="">
		<div class="">
    
			<div id="" class="row">
    			<div class="col-md-12">
    				Test
    			</div>
			</div>
    	</div>
    </body>
</html>

由于某种原因，body标签中的行突出了，并允许用户向右滚动。我试图删除所有样式表，以为某些事情破坏了布局，删除了ID和类以确保没有任何影响样式，然后在其他浏览器中打开它，以查看我的chrome是否应受到谴责...猜猜！

是4.1.3版本中的一个小故障，还是我在这里错过了一些非常简单的东西？

Answer 1

添加一个container：

<html lang="en-US" class="js">
	<head>
  		<meta charset="UTF-8">
		<link rel="stylesheet" id="bootstrap-css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" type="text/css" media="all">
	</head>

	<body class="">
		<div class="container">
    
			<div id="" class="row">
    			<div class="col-md-12">
    				Test
    			</div>
			</div>
    	</div>
    </body>
</html>

您也可以使用container-fluid表示全角。

请参见documentation。

行伸出身体

1 个答案: