我正在使用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>
答案 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