无法“对齐”引导行 [英] Unable to "align" bootstrap rows

问题描述

我目前正在用bootstrap构建一个响应式网站，但我遇到了一个问题，参考下面的代码，我无法让它们彼此对齐。

这幅粗略的草图就是我想要的我的最终结果是

 < div class =container> 
< div class =row-fluid> 
 
 
< div class =col-sm-6 col-md-4> 
< h3>< a href =＃onclick =hide; &1;越野骑车< / a>< / h3> 
< p>越野单车是由其执行的地形来定义的。 XC课程和小径包括粗糙的森林路径和单轨道（也称为双轨道，取决于宽度），光滑的巷道以及连接其他小径的铺砌路径。如果步道的技术复杂性简单或适中，骑马或赛车也只能视为越野。即使是经验丰富的骑手也难以驾驭，常常被称为全山地，自由滑行或下坡路。< / p> 
< / div> 
 
< div class =col-sm-6 col-md-4> 
< h3>< a href =＃> 2山地自行车试验< / a>< / h3> 
< p>试骑是对自行车处理技巧的一种极端测试，可以处理各种障碍，包括自然和人造。它现在有一个强大的 - 尽管很小 - 遵循全球，尽管它仍然主要是一个欧洲体育。从骑车试骑中获得的技能可以用于任何自行车上，以实现平衡，例如控制制动和跟踪站立，或者平衡自行车而不会让脚踏下来。比赛试用自行车的特点是强大的刹车，宽大的把手，轻质部件，单速低齿轮，低轮胎压力和后轮厚度，独特的车架几何形状，通常没有座椅。< / p> 
< / div> 
 
< div class =col-sm-6 col-md-4> 
< h3>< a href =＃> 3Enduro< / a>< / h3> 
< p> Enduro是山地自行车比赛的一种形式，其中有许多定时下坡路段和多个上坡转移点，但没有计时，但可能有时间限制来完成。这是一个阶段赛的格式，其中胜者是骑手，累积各个定时部分的最低组合时间。山地自行车enduro比赛通常会在1或2天的时间内进行，然而，一周的耐力赛也会存在。< / p> 
< / div> 
 
< div class =col-sm-6 col-md-4> 
< h3>< a href =＃> 4Freeride< / a>< / h3> 
 
自由滑行一词最初是由滑雪板创造的，意思是在没有固定路线，目标或自然地形规则的情况下骑行。在山地自行车中，它是最具创意的线路，包括风格，振幅，控制和速度。< / p> 
< / div> 
 
< div class =col-sm-6 col-md-4> 
< h3>< a href =＃> 5脱毛跳跃< / a>< / h3> 
< p>污垢跳跃是给骑在水泥上的泥土或泥土上的自行车练习的名称之一，并且正在成为空气。这个想法是，在骑着'起飞'之后，骑手将立即空降，并着陆登陆'登陆'。< / p> 
< / div> 
 
< div class =col-sm-6 col-md-4> 
< h3>< a href =＃> 6下山骑山地车（DH）< / a>< / h3> 
 
下坡山地自行车（DH）是一种在陡峭崎岖的地形上进行的山地自行车类型，通常具有跳跃，下降，岩石花园和其他障碍物。下坡自行车比其他山地自行车更重更强壮，前后悬挂超过8英寸（200毫米）或（20厘米）的行程，能够快速滑过岩石和树根。 
< / p> 
< / div> 
 
 
< / div> 
< / div> 
  

在这里查看我的JSFiddle： https://jsfiddle.net/he4rtbr0ken/gcc3oxoj/1/

解决方案

根据您提供的草图所需的图片，我认为这是您正在寻找的内容：

 < div class =container> 
< div class =row> 
< div class =col-sm-2> 
< h3>< a href =＃onclick =hide;> 1越野骑车< / a>< / h3> 
< p>越野单车是由其执行的地形来定义的。 XC课程和小径包括粗糙的森林路径和单轨道（也称为双轨道，取决于宽度），光滑的巷道以及连接其他小径的铺砌路径。如果步道的技术复杂性简单或适中，骑马或赛车也只能视为越野。即使是经验丰富的骑手也难以驾驭，常常被称为全山地，自由滑行或下坡路。< / p> 
< / div> 
 
< div class =col-sm-2> 
< h3>< a href =＃> 2山地自行车试验< / a>< / h3> 
< p>试骑是对自行车处理技巧的一种极端测试，可以处理各种障碍，包括自然和人造。它现在有一个强大的 - 尽管很小 - 遵循全球，尽管它仍然主要是一个欧洲体育。从骑车试骑中获得的技能可以用于任何自行车上，以实现平衡，例如控制制动和跟踪站立，或者平衡自行车而不会让脚踏下来。比赛试用自行车的特点是强大的刹车，宽大的把手，轻质部件，单速低齿轮，低轮胎压力和后轮厚度，独特的车架几何形状，通常没有座椅。< / p> 
< / div> 
< / div> 
< div class =row> 
< div class =col-sm-2> 
< h3>< a href =＃> 3Enduro< / a>< / h3> 
< p> Enduro是山地自行车比赛的一种形式，其中有许多定时下坡路段和多个上坡转移点，但没有计时，但可能有时间限制来完成。这是一个阶段赛的格式，其中胜者是骑手，累积各个定时部分的最低组合时间。山地自行车enduro比赛通常会在1或2天的时间内进行，然而，一周的耐力赛也会存在。< / p> 
< / div> 
 
< div class =col-sm-2> 
< h3>< a href =＃> 4Freeride< / a>< / h3> 
 
自由滑行一词最初是由滑雪板创造的，意思是在没有固定路线，目标或自然地形规则的情况下骑行。在山地自行车中，它是最具创意的线路，包括风格，振幅，控制和速度。< / p> 
< / div> 
< / div> 
< div class =row> 
< div class =col-sm-2> 
< h3>< a href =＃> 5脱毛跳跃< / a>< / h3> 
< p>污垢跳跃是给骑在水泥上的泥土或泥土上的自行车练习的名称之一，并且正在成为空气。这个想法是，在骑着'起飞'之后，骑手将立即空降，并着陆登陆'登陆'。< / p> 
< / div> 
 
< div class =col-sm-2> 
< h3>< a href =＃> 6下山骑山地车（DH）< / a>< / h3> 
< p> 
下坡山地自行车（DH）是一种在陡峭崎岖地形上进行的山地自行车类型，通常具有跳跃，下降，岩石花园和其他障碍物。下坡自行车比其他山地自行车更重更强壮，前后悬挂超过8英寸（200毫米）或（20厘米）的行程，能够快速滑过岩石和树根。 
< / p> 
< / div> 
< / div> 
< / div> 
  

I'm currently building a responsive website with bootstrap but I've faced an issue, with reference to the code below, I'm unable to have them "align" with each other.

This rough sketch would be what I want my end result to turn out

<div class="container">
<div class="row-fluid">


<div class="col-sm-6 col-md-4">
<h3><a href="#" onclick="hide;" >1Cross-country cycling</a></h3>
<p>Cross-country cycling is defined by the terrain on which it is performed. XC courses and trails consist of a mix of rough forest paths and singletrack (also referred to as doubletrack depending on width), smooth fireroads, and even paved paths connecting other trails. Riding or racing is also only deemed cross-country if the technical complexity of the trails is easy or moderate. Trails difficult even to experienced riders are more often dubbed "all-mountain", "freeride", or "downhill".</p>
</div>

<div class="col-sm-6 col-md-4">
<h3><a href="#">2Mountain bike trials</a></h3>
<p>Trials riding is an extreme test of bicycle handling skills, over all kinds of obstacles, both natural and man-made. It now has a strong - though small - following worldwide, though it is still primarily a European sport. Skills taken from trials riding can be used practically on any bicycle for balance, for example controlled braking and track standing, or balancing on the bike without putting a foot down. Competition trial bikes are characterized by powerful brakes, wide handlebars, lightweight parts, single-speed low gearing, low tire pressures with a thick rear tire, distinctive frame geometry, and usually no seat.</p>
</div>

<div class="col-sm-6 col-md-4">
<h3><a href="#">3Enduro</a></h3>
<p>Enduro is a form of Mountain bike racing in which there is a number of timed downhill sections of trail, and a number of uphill transfer stages, which are not timed, but might have time limits to complete. It is a stage-race format where the winner is the rider who accumulates the lowest combined time from the various timed sections. Mountain bike enduro competitions typically take place over the course of 1 or 2 days, however, week-long enduro competitions do also exist.</p>
</div>

<div class="col-sm-6 col-md-4">
<h3><a href="#">4Freeride </a></h3>
<p>The term freeriding was originally coined by snowboarders, meaning riding without a set course, goals or rules on natural terrain. In mountain biking, it is riding trail with the most creative line possible that includes style, amplitude, control, and speed.</p>
</div>

<div class="col-sm-6 col-md-4">
<h3><a href="#">5Dirt jumping</a></h3>
<p>Dirt jumping is one of the names given to the practice of riding bikes over cement type jumps of dirt or soil and becoming airborne. The idea is that after riding over the 'take off' the rider will become momentarily airborne, and aim to land on the 'landing'.</p>
</div>

<div class="col-sm-6 col-md-4">
<h3><a href="#">6Downhill mountain biking (DH)</a></h3>
<p>Downhill mountain biking (DH) is a genre of mountain biking practiced on steep, rough terrain that often features jumps, drops, rock gardens and other obstacles. Downhill bikes are heavier and stronger than other mountain bikes and feature front and rear suspension with over 8 inches (200mm) or (20cm) of travel, to glide quickly over rocks and tree roots. 
</p>
</div>


</div>
</div>

view my JSFiddle here : https://jsfiddle.net/he4rtbr0ken/gcc3oxoj/1/

解决方案

According to the image you provided for the sketch you want I think this is what you are looking for:

<div class="container">
        <div class="row">
            <div class="col-sm-2">
                <h3><a href="#" onclick="hide;">1Cross-country cycling</a></h3>
                <p>Cross-country cycling is defined by the terrain on which it is performed. XC courses and trails consist of a mix of rough forest paths and singletrack (also referred to as doubletrack depending on width), smooth fireroads, and even paved paths connecting other trails. Riding or racing is also only deemed cross-country if the technical complexity of the trails is easy or moderate. Trails difficult even to experienced riders are more often dubbed "all-mountain", "freeride", or "downhill".</p>
            </div>

            <div class="col-sm-2">
                <h3><a href="#">2Mountain bike trials</a></h3>
                <p>Trials riding is an extreme test of bicycle handling skills, over all kinds of obstacles, both natural and man-made. It now has a strong - though small - following worldwide, though it is still primarily a European sport. Skills taken from trials riding can be used practically on any bicycle for balance, for example controlled braking and track standing, or balancing on the bike without putting a foot down. Competition trial bikes are characterized by powerful brakes, wide handlebars, lightweight parts, single-speed low gearing, low tire pressures with a thick rear tire, distinctive frame geometry, and usually no seat.</p>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-2">
                <h3><a href="#">3Enduro</a></h3>
                <p>Enduro is a form of Mountain bike racing in which there is a number of timed downhill sections of trail, and a number of uphill transfer stages, which are not timed, but might have time limits to complete. It is a stage-race format where the winner is the rider who accumulates the lowest combined time from the various timed sections. Mountain bike enduro competitions typically take place over the course of 1 or 2 days, however, week-long enduro competitions do also exist.</p>
            </div>

            <div class="col-sm-2">
                <h3><a href="#">4Freeride </a></h3>
                <p>The term freeriding was originally coined by snowboarders, meaning riding without a set course, goals or rules on natural terrain. In mountain biking, it is riding trail with the most creative line possible that includes style, amplitude, control, and speed.</p>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-2">
                <h3><a href="#">5Dirt jumping</a></h3>
                <p>Dirt jumping is one of the names given to the practice of riding bikes over cement type jumps of dirt or soil and becoming airborne. The idea is that after riding over the 'take off' the rider will become momentarily airborne, and aim to land on the 'landing'.</p>
            </div>

            <div class="col-sm-2">
                <h3><a href="#">6Downhill mountain biking (DH)</a></h3>
                <p>
                    Downhill mountain biking (DH) is a genre of mountain biking practiced on steep, rough terrain that often features jumps, drops, rock gardens and other obstacles. Downhill bikes are heavier and stronger than other mountain bikes and feature front and rear suspension with over 8 inches (200mm) or (20cm) of travel, to glide quickly over rocks and tree roots.
                </p>
            </div>
        </div>
    </div>

这篇关于无法“对齐”引导行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！