Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在引导列之间留出空间?_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 如何在引导列之间留出空间?

Html 如何在引导列之间留出空间?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我在引导中有一个两列的行。如何在列之间创建空间。-我的第一列是8,但我想将其设为7,并有1列作为空格 这是我的靴子: 这是我的HTML <div class="container"> <div class="row"> <div class="col-md-8"> <p>The apple tree (Malus domestica) is a deciduous tree in the rose

我在引导中有一个两列的行。如何在列之间创建空间。-我的第一列是8,但我想将其设为7,并有1列作为空格

这是我的靴子:

这是我的HTML

<div class="container">
    <div class="row">
        <div class="col-md-8">
            <p>The apple tree (Malus domestica) is a deciduous tree in the rose family best known for its sweet, pomaceous fruit, the apple.</p>
        </div>
        <div class="col-md-4"">
        The orange (specifically, the sweet orange) is the fruit of the citrus species Citrus × sinensis in the family Rutaceae.</div>
    </div>
</div>

苹果树(Malus domestica)是玫瑰科的一种落叶树,以其甜美的苹果果实而闻名

不,像这样使用

<div class="row">
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div>
</div>
<div class="row">
  <div class="col-md-3 col-md-offset-3">.col-md-3 .col-md-offset-3</div>
  <div class="col-md-3 col-md-offset-3">.col-md-3 .col-md-offset-3</div>
</div>
<div class="row">
  <div class="col-md-6 col-md-offset-3">.col-md-6 .col-md-offset-3</div>
</div>

.col-md-4
.col-md-4.col-md-offset-4
.col-md-3.col-md-offset-3
.col-md-3.col-md-offset-3
.col-md-6.col-md-offset-3
您可以这样做:

<div class="container">
    <div class="row">
        <div class="col-md-7 col-md-offset-1">
            <p>Join our growing</p>
        </div>
        <div class="col-md-4"">
        </div>
    </div>
</div>

加入我们的成长团队