Question

基本上我的文本框不是默认的bootstrap样式，它也不合适而且非常混乱？

http://i.imgur.com/q62tQlU.png＆lt;实施例

问题是什么，为什么我的文本框没有使用引导程式

 <li class="dropdown pull-right" id="menu1">
         <a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">
           Login<i class="glyphicon glyphicon-leaf"></i>
            <b class="caret"></b>
         </a>
         <div class="dropdown-menu">
           <form style="margin: 0px" accept-charset="UTF-8" action="/sessions" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="4L/A2ZMYkhTD3IiNDMTuB/fhPRvyCNGEsaZocUUpw40=" /></div>
             <fieldset class='textbox' style="padding:10px">
               <input style="margin-top: 8px" type="text" placeholder="Username" />
               <input style="margin-top: 8px" type="password" placeholder="Passsword" />
               <input class="btn btn-info" name="commit" type="submit" value="Log In" />
             </fieldset>
           </form>
         </div>
       </li>

Answer 1

您没有将引导类添加到包含它们样式的输入框。你需要这样做：

<input style="margin-top: 8px" class="form-control" type="text" placeholder="Username" />
<input style="margin-top: 8px" class="form-control" type="password" placeholder="Passsword" />

注意class =＆＃34; form-control＆＃34;那里。这将为它提供Bootstrap样式。

Bootstrap导航栏文本框/登录面板

1 个答案: