Как видите, «11111111 ...» и «22222222 ...» перекрываются. Я думаю, это связано с тем, что первое превышает сетку, к которой она принадлежит, т. Е. <div class="col-xs-6 col-lg-4">
.Текст, превышающий сетку в bootstrap3
<!DOCTYPE html>
<html>
<head>
<title>
Test
</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-xs-6 col-lg-4">
<h2>11111111111111111111111111111111</h2>
</div>
<div class="col-xs-6 col-lg-4">
<h2>22222222222222222222222222222222</h2>
</div>
</div>
</div>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
Похоже, что это в моем браузере (Safari версии 9.1.2 (11601.7.7)):
Что я делаю неправильно?
обеспечивают jsFiddle пожалуйста. Потому что в отпечатках здесь ничего не кажется неправильным. –
Вам не хватает '
@YashwardhanPauranik Кажется, что jsFiddle не может воспроизвести мою проблему. Я добавил скриншот. Надеюсь, это будет полезно. –