所以，我试图创建我的投资组合。我添加了一个额外的按钮来下载简历，整个事情变得没有响应，即使我删除了恢复按钮，它也没有响应。我不知道问题出在哪里。我尝试改变大部分参数。
Less in honest.nav-pills{
font-size: 2.2em;
background-color:black;
margin-bottom: 16%;
}
body{
background-color: none;
font-family: Lobster;
color: white;
position: relative;
}
.pageone{
background: url("https://hd.unsplash.com/photo-1419242902214-272b3f66ee7a");
background-size: cover;
height: 700px;
border-top: 4%;
}
.container-fluid{
margin-left: auto;
margin-right:auto;
}
h1{
padding: 0px;
margin-top:0px;
font-size: 6em;
}
.btn-default{
background: black;
border-color: black;
color: #337aa9;
font-size: 1.4em;
}
.boxone{
background-color: black;
opacity: 0.8;
width: 50%;
margin-right: auto;
margin-left: auto
}
.pagetwo{
background: url("https://hd.unsplash.com/photo-1465101046530-73398c7f28ca");
background-size: cover;
height: 680px;
padding-top: 5%
}
p{
font-size: 2.0em;
}
.dp{
padding: 16%;
border-radius: 50%
}
答案 0 :(得分：1)
您应该在.row块.container中将.pagetwo课程包裹起来：
<div class="pagetwo">
<!-- `.container` element eliminates negative horizontal margins from `.row` -->
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-6 col-sm-12 col-xs-12">
<img src="https://s20.postimg.org/uguojmpvx/abcd.jpg" alt="trial" class="dp">
</div>
<div class="col-md-6 col-lg-6 col-sm-12 col-xs-12">
<h1 class="text-center">Puneeth S</h1>
<p class="text-center">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
</div>
</div>
</div>
</div>