html - Bootstrap 填充不符合预期

Question

html

<div class="row clearfix">
    <div class="col-md-9 column">
        <div class="row clearfix">
            <div class="a">
            <p>One reason people lie is to achieve personal power. Achieving personal power is helpful for someone who pretends to be more confident than 
    he really is. For example, one of my friends threw a party at his house last month. He asked me to come to his party and bring a date. 
    However, I didn’t have a girlfriend. One of my other friends, who had a date to go to the party with, asked me about my date. 
    I didn’t want to be embarrassed, so I claimed that I had a lot of work to do. I said I could easily find a date even better than his if I wanted
    to. I also told him that his date was ugly. I achieved power to help me feel confident; however, I embarrassed my friend and his date. Although
    this lie helped me at the time, since then it has made me look down on myself</p>
            </div>
            <div class="a">
            <p>One reason people lie is to achieve personal power. Achieving personal power is helpful for someone who pretends to be more confident than 
    he really is. For example, one of my friends threw a party at his house last month. He asked me to come to his party and bring a date. 
    However, I didn’t have a girlfriend. One of my other friends, who had a date to go to the party with, asked me about my date. 
    I didn’t want to be embarrassed, so I claimed that I had a lot of work to do. I said I could easily find a date even better than his if I wanted
    to. I also told him that his date was ugly. I achieved power to help me feel confident; however, I embarrassed my friend and his date. Although
    this lie helped me at the time, since then it has made me look down on myself</p>
            </div>
        </div>
    </div>
    <div id="b" class="col-md-3 column">
    <p>One reason people lie is to achieve personal power. Achieving personal power is helpful for someone who pretends to be more confident than 
    he really is. For example, one of my friends threw a party at his house last month. He asked me to come to his party and bring a date. 
    However, I didn’t have a girlfriend. One of my other friends, who had a date to go to the party with, asked me about my date. 
    I didn’t want to be embarrassed, so I claimed that I had a lot of work to do. I said I could   easily find a date even better than his if I wanted
    to. I also told him that his date was ugly. I achieved power to help me feel confident;      however, I embarrassed my friend and his date. Although
    this lie helped me at the time, since then it has made me look down on myself</p>
    </div>
</div>
</div>

CSS

.a{
padding:10px;
background-color:pink;
margin-bottom:10px;
 box-shadow: 1px 1px 3px #B2B2B2;
}
#b{
padding:20px;
background-color:yellow;
box-shadow: 1px 1px 3px #B2B2B2;
}

当我使用填充时，a 类之间的间隙被隐藏，以及如何在 a 和 b 之间留出一个空间，以便它们将成为所有之间的空白

http://www.bootply.com/gIOn5aMXx6

Answer 1

您需要一个“包装器”来围绕您的“a”类:

<div class="aWrapper">
    <div class="a">
        <p>One reason people lie is to achieve personal power. Achieving personal power is helpful for someone who pretends to be more confident than 
    he really is. For example, one of my friends threw a party at his house last month. He asked me to come to his party and bring a date. 
    However, I didn’t have a girlfriend. One of my other friends, who had a date to go to the party with, asked me about my date. 
    I didn’t want to be embarrassed, so I claimed that I had a lot of work to do. I said I could easily find a date even better than his if I wanted
    to. I also told him that his date was ugly. I achieved power to help me feel confident; however, I embarrassed my friend and his date. Although
    this lie helped me at the time, since then it has made me look down on myself
        </p>
    </div>
    <div class="a">
        <p>One reason people lie is to achieve personal power. Achieving personal power is helpful for someone who pretends to be more confident than 
    he really is. For example, one of my friends threw a party at his house last month. He asked me to come to his party and bring a date. 
    However, I didn’t have a girlfriend. One of my other friends, who had a date to go to the party with, asked me about my date. 
    I didn’t want to be embarrassed, so I claimed that I had a lot of work to do. I said I could easily find a date even better than his if I wanted
    to. I also told him that his date was ugly. I achieved power to help me feel confident; however, I embarrassed my friend and his date. Although
    this lie helped me at the time, since then it has made me look down on myself
        </p>
    </div>
</div>

这是一个工作示例: http://www.bootply.com/8TwSbK8Awn