我的h4标签被切断了

时间:2016-07-30 14:11:40

标签: html twitter-bootstrap

我正在使用Bootstrap 3创建一个网站,当我添加一个h4标签时,它会在页面边缘被切断。

这是CodePen

我使用的是最新版本的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>

2 个答案:

答案 0 :(得分:-1)

<div class="container, row">中删除行类,它会向右和向左添加更多-15px的边距,以确保行居中。或者,如果需要row,则可以删除逗号类

答案 1 :(得分:-2)

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