包括选择内部分页 - 引导程序

时间:2015-07-03 06:24:32

标签: css twitter-bootstrap

我正在尝试在引导程序分页中包含一个下拉列表。

http://jsfiddle.net/Z4dsD/6/

  1. 下拉列表未正确对齐。
  2. Next&上一个按钮。
  3. 如何修复。

    HTML:

    .custom-pagination select {
        display:inline-block;
        width:85px;
        border-radius:0px;
    }
    

    CSS:

    - (void)textFieldDidEndEditing:(UITextField *)textField
    {
        if(textField == _emailTextField)
        {
            if(![self validateEmailWithString:_emailTextField.text])
            {
                //showing error on a label
                [_errorMessageLabel setText:@"please enter valid Email"];
            }
        }
        else
        {
            //valid email
        }
    }
    
    - (bool)validateEmailWithString:(NSString *)emailStr
    {
        NSString *emailRegex = @"[A-Z0-9a-z._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,4}";
        NSPredicate *emailTest = [NSPredicate predicateWithFormat:@"SELF MATCHES %@", emailRegex];
        return [emailTest evaluateWithObject:emailStr];
    }
    

1 个答案:

答案 0 :(得分:2)

只需将以下内容添加到您选择的css中:

vertical-align: top;

这会将select与顶层对齐。

此外,您还需要添加margin-left: -1px;以使其与其他元素正确对齐。

同时从最后2个display: inline-block元素中删除li样式,并将select的float设置为左。

工作jsfiddle:Select jsfidle