Проектирования страницы регистрации с начальной загрузкой

Я новичок в самонастройки ,, я не хорошо при проектировании ,,Проектирования страницы регистрации с начальной загрузкой

пытается разработать Регистрационную страницу

registration.html:

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 
    <link rel="icon" href="../../favicon.ico"> 

    <title>Signin Template for Bootstrap</title> 

    <!-- Bootstrap core CSS --> 
    <link href="css/bootstrap.min.css" rel="stylesheet"> 

    <!-- Custom styles for this template --> 
    <link href="css/registration.css" rel="stylesheet"> 

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! --> 
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]--> 
    <script src="../../assets/js/ie-emulation-modes-warning.js"></script> 

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 
    <!--[if lt IE 9]> 
     <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> 
     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 
    <![endif]--> 
    </head> 

    <body> 

    <div class="container"> 

     <form class="form-signin"> 
     <h2 class="form-signin-heading">Please Register</h2> 
     <label for="inputEmail" class="sr-only">Email address</label> 
     <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus> 
     <label for="inputPassword" class="sr-only">Password</label> 
     <input type="password" id="inputPassword" class="form-control" placeholder="Password" required> 
     <div class="checkbox"> 
      <label> 
      <input type="checkbox" value="remember-me"> Remember me 
      </label> 
     </div> 

     <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button> 
     </form> 

    </div> <!-- /container --> 


    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> 
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script> 
    </body> 
</html>

я нужно добавить форму ввода для имени пользователя

как форма ввода в этой конструкции

я попробовал этот код

<span class="input-group-addon" id="basic-addon1">@</span> 
<input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">

но не нравится форма ввода, что в конструкции

источник

2015-07-22 smile

мая это помогает.

<div class="input-group"> 
    <span class="input-group-addon" id="basic-addon1">@</span> 
    <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1"> 
</div>

источник

2015-07-23 04:50:01 oreoicecream

Кажется, вы пытаетесь использовать один из примеров Bootstrap:

http://getbootstrap.com/examples/signin/

И добавив код к нему:

<span class="input-group-addon" id="basic-addon1">@</span> 
<input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">

Однако, обратите внимание, что Bootstrap пример имеет относительные ссылки на ресурсы, например:

<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">

Предположим, что у вас есть другая настройка сервера, убедитесь, что ваш код указывает, где ваши ресурсы действительно относительно загружаемой вами страницы.

Также используйте что-то вроде инструментов разработчика в Google Chrome, чтобы убедиться, что все правильно загружается, и вы не получаете никаких 404-х.

Надеюсь, это поможет.

источник

2015-07-23 05:00:28 noderman

Проектирования страницы регистрации с начальной загрузкой

ответ

Смежные вопросы