国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

添加 form 標(biāo)簽后 HTML div 元素縮小
P粉041758700
P粉041758700 2023-09-13 19:06:45
0
1
672

我在 div 元素之外添加了 Form 標(biāo)簽,但由于某種原因它們縮小了。我正在使用 Bootstrap,我猜這是因?yàn)槲乙褜⒅魅萜?div 設(shè)置為“row”,當(dāng)我將其切換為“col”時(shí),它不再收縮,但這不是我想要的布局。這是我的代碼:

<div class="row">
    {{ form()}}
    <div class="col-sm-3 col-md-3 ">
        <!-- small box -->
        <div class="small-box bg-success d-flex flex-column">
            <div class="inner">
                <h3>{{ number_format(status1, 0, '', ',') }}</h3>
                <p>???????</p>
            </div>
            <div class="icon">
                <i class="ion ion-bag"></i>
            </div>
            
            <div class="align-self-center ">
                {{ submit_button("Forward", "name": "1", "class": "btn btn-primary-outline text-white text-sm", 'value':'???????????') }}
                {{form.render('id',['value':1])}}
                <i class="fa fa-arrow-circle-right"></i>
            </div>
        </div>
    </div>
    {{ form.render('csrf', ['value': security.getToken()]) }}
    {{ end_form() }}
    <!-- ./col -->
{{ form()}}
<div class="col-sm-3 col-md-3">
        <!-- small box -->
        <div class="small-box bg-info d-flex flex-column">
            <div class="inner">
                <h3>{{ number_format(status0, 0, '', ',') }}</h3>
                <p>???????</p>
            </div>
            <div class="icon">
                <i class="ion ion-stats-bars"></i>
            </div>
            <div class="align-self-center">
                {{ submit_button("Forward", "name": "1", "class": "btn btn-primary-outline text-white text-sm", 'value':'???????????') }}
                {{form.render('id',['value':0])}}
                <i class="fa fa-arrow-circle-right"></i>
            </div>
           
        </div>
</div>
{{ form.render('csrf', ['value': security.getToken()]) }}
{{ end_form() }}
<div>

這是設(shè)計(jì):

下面的行是所需的布局,這就是添加表單標(biāo)記之前的情況,上面的行是我添加表單時(shí)發(fā)生的情況。是什么原因造成的?我該如何解決這個(gè)問(wèn)題?感謝您的幫助??!

P粉041758700
P粉041758700

全部回復(fù)(1)
P粉821231319

來(lái)自文檔

您已在行和列之間插入了一個(gè)表單,因此該列現(xiàn)在是該行的孫子項(xiàng),而不是子項(xiàng)。

用表單替換 div,而不是將表單放在 div 內(nèi)。確保在表單上設(shè)置行類。

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板