文件上传按钮不格式化

时间:2014-11-24 22:08:44

标签: css html5 twitter-bootstrap

我试图设置"文件上传"按钮。见图。我使用了文件上传 - 与下面相同的HTML - 并且周围有一个文本框但我无法理解为什么完全相同的HTML不能生成该文本框。

<div class="content style4 featured center-block">
    <div class="container 75%">
        <form method="POST" enctype="multipart/form-data">
            <div class="row 50%">
                <div class="6u">
                    <input type="text" placeholder="Email" name="cold_email"/>
                </div>
                <div class="btn btn-default btn-file">
                    <input type="file" name="cold_resume" id="resume">
                </div>
            </div>
            <div class="row">
                <div class="12u">
                    <ul class="actions">
                        <li><input type="submit" class="button" value="Submit" /></li>
                    </ul>
                </div>
            </div>
        </form>
    </div>
</div>

这是另一个文件输入的代码。为什么这看起来不同(围绕它有边框)?见图。

<form method="POST" enctype="multipart/form-data"> 
        <div class="btn btn-default btn-file">
            <input type="file" name="resume">
        </div>
        <br>
        <br>
        <button type="submit" class="btn btn-primary">Next</button>
    </form>

enter image description here

照片:

0 个答案:

没有答案