对齐与使用Visual Studio的ASP.NET MVC 4输入字段使用引导

林设计网站标志2012 ASP.NET MVC4对齐与使用Visual Studio的ASP.NET MVC 4输入字段使用引导

而且它应该是这样的

default1

，但它竟然是这样

！[默认设置2] [2]

我需要用用户名密码&领域对准标志，这些领域应该有之间的空间。顺便说一句，我使用最新版本的Twitter Bootstrap作为我的CSS。感谢您的帮助！

此外，这些是我的代码。

<header class="navbar navbar-inverse" role="banner"> 
      <div class="container"> 
       <img src="@Url.Content("~/Content/img/Logo-Sample.png")" alt="Image" id="logo" class="img-responsive"/> 
          <div class="pull-right"> 

           <form class="navbar-form pull-right" role="form"> 

          <div class="form-group"> 
           <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Username"> 
          </div> 

          <div class="form-group"> 
           <input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password"> 
          </div> 
          <div class="checkbox"> 
           <label> 
            <input type="checkbox"> Remember me 
           </label> 
          </div> 
           <button type="submit" class="btn btn-default">Sign in</button> 
           </form> 
          </div>    
       </div> 






    </header>

更新：

我申请雷恩的建议“浮动的东西”，而现在，LOGO与输入字段内联。

enter image description here

但输入外地去向上而不是向下。对此有何建议？谢谢！

来源

2013-11-25 LYKS

所以它看起来像你的标志和登录部分都是块级元素。他们需要内嵌块或者其中一个需要适当地向左或向右浮动。

就用于登录块的元素之间的空间...我会做一个CSS选择器来匹配标题登录输入元素，并为它们添加一些保证金。

来源

2013-11-25 04:17:13

你好，我有你的想法应用浮法。我将徽标向左侧漂浮，然后就这样了。现在我的困境是输入字段没有按照要求很好地对齐。非常感谢你的帮助！ – LYKS

有时HTML格式非常挑剔。但是，打开asp文件的标记并在这些输入区域的标记之间放置一个空格，或者在占位符后面放置一个尾随。对于稍微高一些的人，我忘记了我正在寻找的单词，但是它的东西有点像一张桌子，让它们都在那一排的插槽中。看看我在试图说什么，因为我完全忘了这个词。（如果我记得我回来并编辑这个）

来源

2013-11-25 04:21:13 Zeusoflightning125

谢谢你的想法。我已经尝试使用行，但它仍然是这样。 – LYKS

退房Bootstrap's docs for Inline forms。我相信这正是你正在寻找的。

作为便笺，请查看TwitterBootstrapMVC。你的代码可能看起来更干净。

来源

2013-11-26 09:05:58 Dmitry

对齐与使用Visual Studio的ASP.NET MVC 4输入字段使用引导

回答

相关问题