今天給各位分享bootstrap登錄頁面模板的知識，其中也會對bootstrap用戶注冊登錄模板進行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關注本站，現(xiàn)在開始吧！

本文目錄一覽：

• 1、bootstrap怎么設置登錄界面
• 2、怎么用bootstrap設計一個登陸頁面
• 3、如何修改bootstrap模板，要實實在在的步驟，

bootstrap怎么設置登錄界面

bootstrap框架登陸頁面

div class="container" style="margin-top:100px"

form action="login.jspx" method="post" class="well" style="width:220px;margin:0px auto;"

h3系統(tǒng)登錄/h3

%

String code = request.getParameter("code");

if(code != null "10001".equals(code)){

%

div style="color:red;font-size:18px"用戶名或密碼錯誤/div

%} else if(code != null "10002".equals(code)) { %

div style="color:red;font-size:18px"請輸入用戶名或密碼/div

%} else if(code != null "10005".equals(code)) {%

div style="color:red;font-size:18px"請先登錄/div

%} %

label用戶名:/label

input type="text" name="username" style="height:30px"class="span3"/

label密碼：/label

input type="password" name="password" style="height:30px" class="span3"

button type="submit" class="btn btn-primary"登陸系統(tǒng)/button

/form

/div

怎么用bootstrap設計一個登陸頁面

看一下具體的代碼. 這里需要注意的是, 那個模版, 是在系列教程一中.

class="container" 讓頁面能夠做到居中.注意該標簽不能嵌套使用.

role屬性是html5中新增的一個屬性,可以讓你更好的自定義一些屬性供你使用.

class="form-control" 該標簽是把一些表達標簽的width都設置為100%.

其中btn是bootstrap中默認定義的一個button也就是按鈕的樣式.

其中btn-lg是指最大的樣式.還有btn-xs, btn-sm, btn-md. 分別對應不同的設備. 手機, 平板, pc等.

這里又重新寫了2個樣式, 一個是表單的最大width. 設置成了330px.是因為登錄不需要太過寬, 要不然不太好看. 第二個樣式, 是因為在默認的btn-lg是占一行, 所以, 就會把兩個表單文本框放在各自的行上. 但是緊挨著太狠. 所以, 做了一個3px的下間距.

不同的btn大小展示, 從圖就可以看出來這幾個的區(qū)別. 怎么試用? 你動手做一下就明白了.

如何修改bootstrap模板，要實實在在的步驟，

用amaze ui

也是基于bootstrap的UI。比bootstrap功能多，樣式好看，一整套中文教程還有模板案例。

至于你一定要說修改bootstrap模板

1：下載模板

2：用谷歌瀏覽器打開index.html（一般都有這個頁面）

3：用谷歌瀏覽器調試（F12），選中要修改的元素。在調試框右邊修改樣式。修改好了。就將這個樣式單獨寫一個class賦值上去

關于bootstrap登錄頁面模板和bootstrap用戶注冊登錄模板的介紹到此就結束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關注本站。