Html 一个div赢得'；t与其余的x对齐

这就是我要说的

当它是

col lg

时，它会很好地对齐，但当你将它完全缩小到

col xs

和

col sm

时，“传记”段落与其余段落不对齐。有人能解释一下为什么会这样吗？我宁愿得到一个解释而不是解决方案：）

HTML

*{
保证金：0；
填充：0；
框大小：边框框；
字体系列：Arial；
背景色：白色；
字体大小：16px；
}
/*第一节*/
.标题图片{
利润率最高：2%；
}
#头像{
利润底部：-4%；
}
.段{
背景色：#95a5a6；
填充：2%；
颜色：白色；
文本对齐：对齐；
}
.头衔{
位置：绝对位置；
颜色：#6c7878；
}
.hd1{
字号：5.25em；
}
.hd1，
.hd2{
文本对齐：居中；
垫面：15%；
线高：1；
}
.hd2{
垫面：5%；
边框顶部：1px实心#6c7878；
}
.第1节{
位置：相对位置；
}
第二节段落-引述{
利润底部：4%；
背景色：rgba（0,0,0,0）
}
人力资源第一型{
边界：0；
高度：1px；
背景图像：-webkit线性渐变（左，#f0f0，#8c8b，#f0f0）；
背景图像：-moz线性梯度（左，#f0f0，#8c8b，#f0f0）；
背景图像：-ms线性梯度（左，#f0f0，#8c8b，#f0f0）；
背景图像：-o-线性梯度（左，#f0f0，#8c8b，#f0f0）；
}
/*第二节*/
.发明{
宽度：100%；
}
.图像{
利润率最高：2%；
}
.第2节p{
文本对齐：居中；
字号：2.5em；
颜色：#6c7878；
垫面：2%；
}
.第2组{
垫底：2%；
}
特斯拉专利{
文本对齐：对齐；
颜色：白色；
背景色：#95a5a6；
字号：1em；
填充：1.5%；
利润率最高：1%；
}
.特斯拉专利p斯潘a{
颜色：白色；
背景色：#95a5a6；
字体：斜体；
浮动：对；
文字装饰：下划线；
}
.特斯拉专利p跨度a：悬停，
.特斯拉专利p斯潘a：参观{
颜色：白色；
背景色：#95a5a6；
字体：斜体；
浮动：对；
文字装饰：下划线；
}
/*第三节*/
.生物标题{
字号：2.5em；
颜色：#6c7878；
填充：0；
文本对齐：居中；
利润率最高：1%；
利润底部：3%；
}
#详细生物磷{
文本对齐：对齐；
颜色：白色；
背景色：#95a5a6；
字号：1em；
填充：1.5%；
利润率最高：1%；
}
#详细的个人资料{
颜色：白色；
背景色：#95a5a6；
字体：斜体；
浮动：对；
文字装饰：下划线；
}
#详细生物p a：悬停，
#详细的个人简历：已访问{
颜色：白色；
背景色：#95a5a6；
字体：斜体；
浮动：对；
文字装饰：下划线；
}
页脚{
字体大小：.7em；
利润底部：1%；
文本对齐：居中；
}
#详细简历{
利润率：01%01%；
}

工程师兼发明家尼古拉·特斯拉
工程师兼发明家尼古拉·特斯拉
尼古拉·特斯拉发明家和工程师

“科学开始研究非物理现象的那一天，它将在十年内取得比其存在的所有前几个世纪都要大的进步。”-尼古拉·特斯拉

尼古拉·特斯拉以什么闻名

尼古拉·特斯拉（Nikola Tesla）是一位发明家，他的发明在世界范围内获得了约300项专利。特斯拉的一些专利没有被说明，各种来源已经发现了一些隐藏在专利档案中的专利。在26个国家中，特斯拉至少拥有278项专利。特斯拉的许多专利都在美国、英国和加拿大，但其他许多专利都在全球各国获得批准。特斯拉开发的许多发明没有得到专利保护


传记
尼古拉·特斯拉于1856年7月10日出生于利卡的斯米尔扬，当时斯米尔扬是克罗地亚奥匈帝国的一部分。他的父亲米卢廷·特斯拉（Milutin Tesla）是塞尔维亚东正教牧师，母亲朱卡·曼迪奇（Djuka Mandic）是家用电器的发明家。特斯拉于1873毕业于奥地利格拉茨理工学院和布拉格大学。起初，他打算专攻物理和数学，但很快他就迷上了电。1881年，他在布达佩斯的一家电话公司担任电气工程师。就在那里，当特斯拉和一个朋友穿过城市公园时，旋转磁场的难以捉摸的解决方案闪过他的脑海。他用一根棍子在沙地上画了一张图表，向他的朋友解释感应电动机的原理。在去美国之前，特斯拉加入了位于巴黎的大陆爱迪生公司，在那里他设计了发电机。1883年在斯特拉斯堡时，他私下制造了一台感应电动机的样机，并成功运行。由于无法让欧洲任何人对推广这种激进设备感兴趣，特斯拉接受了在纽约为托马斯·爱迪生工作的邀请。他童年的梦想是来到美国利用尼亚加拉瀑布的力量……


米兰为FreeCodeCamp创建的网站。25.8.2016.

编辑此div

<div id="detailed-bio">
  <p></p>
</div>

到

将详细bio div的左边距和右边距增加到2%。如下图所示

<div id="detailed-bio" class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  <p></p>
</div>

container
|   row
|   |   column
|   |   |   row
|   |   |   |   column
|   |   |   |   column
|   |   |   row
|   |   |   |   column
|   |   |   |   column
|   |   column

<div class="container-fluid">
    <!-- Section 1 -->
    <div class="row">
        <div class="section1 col-xs-12">
            <div class="row">
                <div class="title col-lg-offset-1 col-lg-3 col-md-offset-1 col-md-3 col-sm-offset-1 col-sm-3 col-xs-12">
                    <p class="hd1">Nikola Tesla</p>
                    <p class="hd2">Inventor and Engineer</p>
                </div>

                <div class="heading-pictures col-lg-6 col-lg-offset-1 col-md-6 col-md-offset-1 col-sm-6 col-sm-offset-1 col-xs-12">
                    <img class="img-responsive" id="top-picture" src="http://www.anonews.co/wp-content/uploads/2016/01/kak_360001.jpg" alt="Image of Nikola Tesla">
                </div>

                <div class="paragraph-quote col-lg-7 col-lg-offset-1 col-md-7 col-lg-offset-1 col-sm-9 col-xs-12">
                    <p class="paragraph">"The day science begins to study non-physical phenomena, it will make more progress in one decade than in all the previous centuries of its existence." &nbsp;&nbsp;- Nikola Tesla</p>
                </div>
            </div>
        </div>
    </div>

    <hr class="style-one">

    <!-- Section 2 -->
    <div class="row">
        <div class="section2 col-xs-12">
            <div class="row">
                <div class="col-xs-12">
                    <p>What is Nikola Tesla known for?</p>
                </div>
                <div class="images col-lg-4 col-xs-12">
                    <img class="img-responsive inventions" src="images/hose-coupling-power-cable-strange-black-64025.jpeg">
                </div>
                <div class="images col-lg-4 col-xs-12">
                    <img class="img-responsive inventions" src="images/pexels-photo-109998.jpeg">
                </div>
                <div class="images col-lg-4 col-xs-12">
                    <img class="img-responsive inventions" src="images/sound-speaker-radio-microphone.jpg">
                </div>

                <div class="tesla-patents col-xs-12">
                    <p>Nikola Tesla was an inventor who obtained around 300 patents worldwide for his inventions. Some of Tesla's patents are not accounted for, and various sources have discovered some that have lain hidden in patent archives. There are a minimum of 278 patents issued to Tesla in 26 countries that have been accounted for. Many of Tesla's patents were in the United States, Britain, and Canada, but many other patents were approved in countries around the globe. Many inventions developed by Tesla were not put into patent protection. <span><a href="https://en.wikipedia.org/wiki/List_of_Nikola_Tesla_patents" target="_blank">Source</a></span></p>
                </div>
            </div>
        </div>
    </div>

    <hr class="style-one">

    <!-- Section 3 -->

    <div class="row">
        <div class="bio-section col-xs-12">
            <p class="bio-heading">Biography</p>
            <div id="detailed-bio">
                <p>Nikola Tesla was born on July 10, 1856 in Smiljan, Lika, which was then part of  the Austo-Hungarian Empire, region of Croatia. His father, Milutin Tesla was a Serbian Orthodox Priest and his mother Djuka Mandic was an inventor in her own right of household appliances. Tesla studied at the Realschule, Karlstadt in 1873, the Polytechnic Institute in Graz, Austria and the University of Prague. At first, he intended to specialize in physics and mathematics, but soon he became fascinated with electricity. He began his career as an electrical engineer with a telephone company in Budapest in 1881. It was there, as Tesla was walking with a friend through the city park that the elusive solution to the rotating magnetic field flashed through his mind. With a stick, he drew a diagram in the sand explaining to his friend the principle of the induction motor. Before going to America, Tesla joined Continental Edison Company in Paris where he designed dynamos. While in Strassbourg in 1883, he privately built a prototype of the induction motor and ran it successfully. Unable to interest anyone in Europe in promoting this radical device, Tesla accepted an offer to work for Thomas Edison in New York. His childhood dream was to come to America to harness the power of Niagara Falls....<span id="read-more-link"><a href="http://www.teslasociety.com/biography.htm" target="_blank">Read more</a></span></p>
            </div>
        </div>

    </div>
    <hr class="style-one">
    <footer>Website created by Milan for FreeCodeCamp. 25.8.2016.</footer>
</div>