Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.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,是否有任何方法可以降低引导中显示的部分的高度 我想制作一个高度为3/4的部分,以便在同一屏幕上可以看到下面的内容 此时,所有部分占据整个屏幕的长度 <!-- Intro Section --> <section id="intro" class="intro-section"> <div class="container"> <div class="row"> <div class="col-l

是否有任何方法可以降低引导中显示的部分的高度

我想制作一个高度为3/4的部分,以便在同一屏幕上可以看到下面的内容

此时,所有部分占据整个屏幕的长度

<!-- Intro Section -->
<section id="intro" class="intro-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="col-lg-12 main_text">
                </div>
                <div class="col-lg-1 ">
                    <img class="logofirst" src="../logo/logo.png">
                </div>    

            </div>
        </div>
    </div>
</section>





<!-- About Section -->
<section id="about" class="about-section">
    <div class="container">
        <div class="row">
            <div class= "col-lg-12 panel-body">
                <div class="panel panel-default">
                    <div class="panel-body">
                    <h1>OUR MISSION: </h1>
                    </div>
                </div>

                    <div class ="col-lg-4">
                <h1>TO CARE</h1>
                <IMG class = "icons" SRC="icons/heart.png">
                <P class="icontext">WE ARE HERE TO HELP, ADVISE AND TO LISTEN 
                </p>
                </div>
                <div class ="col-lg-4">
                <h1>TO INSPIRE</h1>
                <IMG class = "icons" SRC="icons/hat.png">
                <P class="icontext">PROVIDING VERY HIGH CALIBRE PRODUCTS.</P>

                </div>
                <div class ="col-lg-4">
                <h1>TO PROVIDE</h1>
                <IMG class = "icons" SRC="icons/box.png">
                </P>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Services Section -->
<section id="services" class="services-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <h1>Fundraising Goal:</h1>
                <h2 class="fundraise">$5,000</h2>
                    <div class="progress">
                        <div class="progress-bar" style="width: 1%;">
                            1%
                        </div>
                    </div>
                    A total of <b class="donation_amount">$0.00</b> has been raised so far.
            </div>

        </div>
    </div>
</section>

我们的使命:
关心

我们在这里提供帮助、建议和倾听

启发

提供高质量的产品。

提供

筹资目标: $5,000 1% 到目前为止,总共筹集了0.00美元。
有两种不同的方法可以做到这一点:

  • .logofirst
    元素设置高度/最大高度,并限制简介部分的内容

  • #intro
    div上设置高度/最大高度


  • 最终,您选择的路线完全取决于您的最终目标和页面上的内容。

    您希望调整页面高度的哪个部分?请包含足够的代码以提供适用的评估。第一节简介