我的h4标签被切断了

Question

I am making a website using Bootstrap 3 and when I add an h4 tag it gets cut off at the edge of the page.

Here is a CodePen

I am using the latest version of Bootstrap 3

<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

Answer 1

从<div class="container, row">删除行类，然后在左右两边添加更多-15px的边距以确保行居中。或者在需要row类的情况下也可以删除逗号。

Answer 2

There are some mistakes in HTML.

<div class="container row"> Remove row class and at the top of HTML remove container class as it is not required.
https://codepen.io/shahi_rupali/pen/qNypXN