小编fat*_*sma的帖子

Bootstrap 3.0:如何在同一行上输入文本和输入?

我目前正在将我的网站切换到Bootstrap 3.0.我遇到表单输入和文本格式问题.在Bootstrap 2中有效的功能在Bootstrap 3中不起作用.

如何在表单输入之前和之后获取同一行上的文本?我已经将它缩小到示例的Bootstrap 3版本中的'form-control'类的问题.

我如何在一行中获取所有文本和输入?我想bootstrap 3示例看起来像jsfiddle中的bootstrap 2示例.

JS小提琴的例子

<div class="container ">
  <form>
      <h3> Format used to look like this in Bootstrap 2 </h3>
      <div class="row ">
          <label for="return1"><b>Return:</b></label>
          <input id="return1" name='return1' class=" input input-sm" style="width:150px"
                 type="text" value='8/28/2013'>
          <span id='return1' style='color:blue'> +/- 14 Days</span>
      </div>

       <br>   
       <br>   
           <h3> BootStrap 3 Version </h3>

      <div class="row">
          <label for="return2"><b>Return:</b></label>
          <input id="return2" name='return2' class="form-control input input-sm" style="width:150px"
                 type="text" value='8/28/2013'>
          <span id='return2' style='color:blue'> +/- 14 Days</span>
      </div>
  </form>
Run Code Online (Sandbox Code Playgroud)

更新:我将代码更改为有效但现在无法对齐的代码.有任何想法吗?

<div class="form-group">
<div class="row">
    <div …
Run Code Online (Sandbox Code Playgroud)

html formatting html5 twitter-bootstrap-3

87
推荐指数
5
解决办法
23万
查看次数

如何设置selectize.js输入的值?

我有一个表单,我想从中将一些默认值复制到输入中.表单输入使用selectize.js插件.我想以编程方式设置一些表单值.这样做的标准方法:

$("#my_input").val("My Default Value");
Run Code Online (Sandbox Code Playgroud)

不起作用.

我尝试过类似的东西,但它也不起作用.

var $select = $("#my_input").selectize();
var selectize = $select[0].selectize;
selectize.setValue("My Default Value"); 
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?这很简单:)我很想念它.

html javascript jquery selectize.js

56
推荐指数
7
解决办法
9万
查看次数

如何在Bootstrap 3中垂直对齐标签和输入?

如何在Bootstrap 3中垂直对齐标签和输入?我希望标签和输入都在同一行.我玩过不同的类和自定义CSS但似乎没什么用.

JSfiddle

<div class="form-group">
    <div class="row">
        <div class="col-xs-3">
            <label for="class_type"><h2><span class=" label label-primary">Class Type</span></h2></label>
        </div>
        <div class="col-xs-2">
            <select name="class_type" id="class_type" class="  form-control input-lg" style="width:200px" autocomplete="off">
                <option >Economy</option>
                <option >Premium Economy</option>
                <option >Club World</option>
                <option >First Class</option>
            </select>
        </div>
     </div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css html5 twitter-bootstrap-3

40
推荐指数
4
解决办法
10万
查看次数

在移动浏览器上打开Bootstrap 3模式时如何防止后台滚动?

在移动平台上打开Bootstrap 3模式时如何防止后台滚动?在桌面浏览器上,阻止后台滚动并按预期工作.

在移动浏览器(Safari ios,Chrome ios等)上,当打开模态并使用手指滚动它时,背景也会像模态一样滚动.我该如何预防呢?

html modal-dialog twitter-bootstrap twitter-bootstrap-3

40
推荐指数
5
解决办法
10万
查看次数

Bootstrap 3:如何在一行上获得两个表单输入,在各行上获得其他输入?

我尝试使用Bootstrap 3.1.1格式化我的注册页面.我希望前两个输入在同一行,而其他输入是一个有自己的行.我玩过引导类"row","form-inline"和"form-horizo​​ntal"都无济于事.

有谁知道怎么做?

这是小提琴

<style>
.reg_name {
 max-width:200px;
}
</style>


<form name="registration_form" id='registration_form' class="form-inline">

        <div class="form-group">
            <label for="firstname" class="sr-only"></label>
            <input id="firstname" class="form-control input-group-lg reg_name" type="text" name="firstname"
                   title="Enter first name"
                   placeholder="First name"/>
        </div>

        <div class="form-group">
            <label for="lastname" class="sr-only"></label>
            <input id="lastname" class="form-control input-group-lg reg_name" type="text" name="lastname"
                   title="Enter last name"
                   placeholder="Last name"/>
        </div>

    <div class="form-group">
        <label for="username" class="sr-only"></label>
        <input id="username" class="form-control input-group-lg" type="text" autocapitalize='off' name="username"
               title="Enter username"
               placeholder="Username"/>
    </div>

    <div class="form-group">
        <label for="password" class="sr-only"></label>
        <input id="password" class="form-control input-group-lg" type="password" name="password"
               title="Enter password" …
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap twitter-bootstrap-3

36
推荐指数
3
解决办法
15万
查看次数

如何在图像上叠加/嵌入引导按钮?

我一直在网上搜索但找不到答案.是否可以在图像上/中覆盖或嵌入引导按钮?如果是这样,怎么样?

我有一个图像,我想覆盖一个自举按钮,所以它看起来像是嵌入在图像中.我希望按钮上有一个动态标签(例如某人的名字).

html css twitter-bootstrap

18
推荐指数
1
解决办法
5万
查看次数

如何将spin.js微调器置于bootstrap 3模态中心?

我试图在spinstrap 3模态中显示和居中spin.js微调器.使用下面的代码我可以在IE和FF中使用它,但不能在Chrome,Safari桌面,Chrome IOS,Safari IOS中使用.

这个问题似乎与动画中的淡入淡出(灰色背景叠加)有关,因为当我将模态类设置为"模态显示"时,它可以工作,但当然没有动画淡入淡出.看到这个jsfiddle.当我使用"$('#Searching_Modal").modal('show');"它在上述某些浏览器中不起作用时.

在chrome和firefox上运行这个jsfiddle你会明白我的意思.有人知道如何解决这个问题或者做得对吗?我确实希望bootstrap模式淡入功能.

我正在使用Bootstrap 3和spin.js.

<div id="Searching_Modal" class="modal fade" tabindex="-1" role="dialog" data-keyboard="false"
 data-backdrop="static">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header" style="text-align: center">
            <h3>Searching for Seats</h3>
        </div>
        <div class="modal-body">
            <br>
            <br>
            <br>

            <div id="searching_spinner_center" style="position:fixed; left:50%"></div>
            <br>
            <br>
            <br>
        </div>
        <div class="modal-footer" style="text-align: center"></div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

这是spin.js设置代码:

var opts = {
  lines: 13, // The number of lines to draw
  length: 20, // The length of each line
  width: 10, // The line thickness
  radius: …
Run Code Online (Sandbox Code Playgroud)

html modal-dialog spinner twitter-bootstrap twitter-bootstrap-3

16
推荐指数
1
解决办法
4万
查看次数

如何在pymongo获得有序的词典?

我正在尝试在Pymongo获得有序的词典.我已经读过它可以用bson.son.Son完成.文件就在这里

但是,我似乎无法使其发挥作用.谷歌没有太多关于它.关于配置pymongo的一些讨论首先告诉它使用SON对象但没有例子.一位朋友建议在你找到时传递一个参数.他不记得了.

我能够创建SON对象.但当他们插入数据库然后再回来时,他们只是简单的说法.

我不确定是什么代码示例给你,因为我真的不知道从哪里开始.每次添加新用户时,下面的代码段都会创建一个空的SON对象.'sub_users'对象也是使用SON创建的.当我从数据库中读回帐户文档时,它们只是普通的python dicts.

    account['sub_users'][sub_user_name] = bson.SON()
    with mongo_manager.Collection(CFG.db, 'Users') as users:
        users.save(account)
Run Code Online (Sandbox Code Playgroud)

也许一个param过去找到这样的配置?这是我朋友的建议,但他不记得了.

with mongo_manager.Collection(CFG.db, 'Users') as users:                                 
    account = users.find_one({'_id': _id, 'DOC':'OrderedDict})
Run Code Online (Sandbox Code Playgroud)

有任何想法吗?

python bson pymongo data-structures

16
推荐指数
2
解决办法
7027
查看次数

如何在python请求库中向cookiejar添加cookie

我正在尝试使用python请求1.2.3库将cookie添加到现有的cookiejar中.每次添加新cookie时,jar中的数据都会被用于新cookie.密钥丢失,值丢失或与不正确的密钥匹配.我不确定它是否是一个请求库错误或我没有正确发送cookie.我正在使用以下代码导致cookiejar中出现错误的cookie.我是否正确格式化了cookie?有任何想法吗?

    my_cookie = {
           'domain':'www.mydomain.com',
           'expires':None,
           'name':'COOKIE_NAME',
           'path':'/',
           'value':'the cookie works',
           'version':0
}

s = requests.Session()
requests.utils.add_dict_to_cookiejar(s.cookies, my_cookie)
Run Code Online (Sandbox Code Playgroud)

cookies session-cookies python-3.x python-requests

13
推荐指数
4
解决办法
3万
查看次数

如何使用jquery滚动到模式中的元素?

我有一个打开的模态,我逐行插入元素.每行都有自己的ID标签.目前,当列表比模态窗口大时,文本才会隐藏在模态窗口的底部.您可以手动使用滚动条,但我希望文本在打印时在模态窗口中向上滚动.

我玩过以下代码,但只是滚动模态后面的网页.我也尝试用模态元素替换'html,body'无济于事.

$('html, body').animate({ scrollTop: $('#Element').offset().top }, 500);
Run Code Online (Sandbox Code Playgroud)

我确定我关闭了.有什么建议?

谢谢

html javascript jquery scroll modal-dialog

11
推荐指数
1
解决办法
2万
查看次数