文章/答案/技术大牛

发布

社区首页 >问答首页 >Bootstrap 3表单对齐

问Bootstrap 3表单对齐
EN

Stack Overflow用户

提问于 2016-03-01 14:27:18

回答 1查看 168关注 0票数 0

我使用Bootstrap 3，我想在整个页面上像附加图像覆盖整个表单，在图像中我使用kendo用户界面弹出窗口。弹出窗口宽度为1000px

这是我的HTML代码，

<section class="container-fluid padding-rl">
<div class="row">
  <div class="col-sm-3">
         <div class="profile-box">
             <img class="profile-picture" src="" alt="" />
         </div>
     </div>
     <div class="col-sm-8">
         <div class="row">
             <div class="form-horizontal">
                 <div class="form-group">
                     <label class="control-label col-sm-1">First Name:</label>
                     <div class="col-sm-3">
                         <input type="text" class="form-control" data-bind="value: selectedRecord.FirstName" />
                     </div>
                     <label class="control-label col-sm-1 col-sm-offset-1">Last Name:</label>
                     <div class="col-sm-3">
                         <input type="text" class="form-control" data-bind="value: selectedRecord.LastName" />
                     </div>
                 </div>

                 <div class="form-group">

                     <label class="control-label col-sm-1">Email:</label>
                     <div class="col-sm-3" style="">
                         <input type="text" class="form-control" data-bind="value: selectedRecord.Email" />
                     </div>
                     <label class="control-label col-sm-1 col-sm-offset-1 ">Mobile:</label>
                     <div class="col-sm-3" style="">
                         <input type="text" class="form-control" data-bind="value: selectedRecord.Mobile" />
                     </div>

                 </div>
                 <div class="form-group">

                     <label class="control-label col-sm-1">Phone:</label>
                     <div class="col-sm-3" style="">
                         <input type="text" class="form-control" data-bind="value: selectedRecord.OfficePhone" />
                     </div>

                     <label class="control-label col-sm-1 col-sm-offset-1 ">Account:</label>
                     <div class="col-sm-3" style="">
                         <input type="text" id="txtContactAccount" class="form-control" data-bind="value: selectedRecord.ContactAccount" />
                     </div>

                 </div>
             </div>
         </div>
     </div>
 </div>

附加图像

提前谢谢你

twitter-bootstrap-3

alignment

bootstrapping

forms

回答 1

Stack Overflow用户

发布于 2016-03-01 14:36:26

不幸的是，我没有在你的问题中看到你的代码。从示例图片中，我猜您要做的是创建一个模式？

在这里查看bootstrap的文档：Bootstrap JavaScript

向下滚动到关于模态的部分，他们也有很好的样本。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/35716078

复制

相似问题

问Bootstrap 3表单对齐
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bootstrap 3表单对齐EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Bootstrap 3表单对齐
EN