Spacing und padding / margin in der bootstrap-Reihe

Spacing und padding /margin in der bootstrap-Reihe

Ich habe Schwierigkeiten mit Verständnis, padding, margin und Gosse.

Kann mir jemand helfen, mit immer den styling-Rechte für dieses design? Ich bin nicht immer jeden Raum zwischen und um die Säulen.

Meine aktuelle Codierung ist:

<div class = "container">
    <div class = "row">
        <div class = "col-md-12">
            <h3>Heading</h3>
        </div>
        <div class = "col-md-12">
            <div class = "row">
                <div class = "col-md-8" style = "border: solid 1px #003c70;">
                    Some text
                </div>
                <div class = "col-md-4" style = "border: solid 1px #003c70;">
                    Some text
                </div>
            </div>
        </div>
    </div>
</div>
  • Was ist das problem?
  • Aktualisierte Frage mit tags
InformationsquelleAutor sridhar | 2015-12-18
  1. 2

    fügen Sie eine zusätzliche div für border und padding styling wie unten.

    <div class = "col-md-8">
    <div class="some-class">
        Some text
    </div>
</div>

    überprüfen Sie diese codepen

    InformationsquelleAutor Venugopal
  2. 0

    fügen Sie ein div in Ihrer colm

    CSS:

    body{
  background: #ddd;
}
header{
  background: blue;
  padding: 5px 0px;
  color:#fff;
  padding-left: 15px;
}
.boder{
  border: 1px solid #333;
  min-height: 350px;
  padding:10px;
}
.wrapper{
  margin-top: 15px;
}

    HTML:

    <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>

<header>
  <h4>THIS  IS HEADER</h4>
</header>
<div class = "container">
    <div class = "row wrapper">
        <div class = "col-md-12">
            <div class = "row">
                <div class = "col-md-8">
                  <div class="boder">
                    blah blah..
                  </div>
                </div>
                <div class = "col-md-4">
                    <div class="boder">
                    blah blah..
                  </div>
                </div>
            </div>
        </div>
    </div>

    InformationsquelleAutor Mohamed Rihan
Schreibe einen Kommentar