html - Why does using an input group break the baseline alignment in bootstrap? -

-

If I have a label next to an input, in plain HTML, and both inline (or inline blocks), then They are allocating by their baseline. But when using bootstrap, input input into the input group, it seems that they all combine below.

I tried to repeat it without bootstrap, but I can not, it just works. I made the bela to show this problem:

HTML is: 

   & Lt; / Div & gt; & Lt; Hours / & gt; & Lt; P & gt; A broken case from a similar HTML structure, but not the use of bootstrap:  & Lt; Period & gt; Add-ons & lt; / Span & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Hours / & gt; & Lt; P & gt; Broken position, with input group: & lt; / P & gt; & Lt; Div class = "form-group with input-group" & gt; & Lt; Label & gt; Label & lt; / Labels & gt; & Lt; Div class = "input-group" & gt; & Lt; Input type = "text" class = "form-control" value = "value" /> & Lt; Span class = "input-group-connector" & gt; Exchanges & lt; / Span & gt; & Lt; / Div & gt; & Lt; / Div & gt;

and CSS: 

 . Without input-group input {max-width: 250px; Display: Inline-block; } .without-bootstrap .group {max-width: 250px; Display: Inline-table; }. Unbootstrap Group Input {Display: Table-Cell; } .without-bootstrap Group Period {Performance: Table-Cell; } .with-input-group .input-group {max-width: 250px; Display: Inline-table; }

because the input group displays: inline-table; and the label is outside the input-group If you inspect the input-group-element, you can see that it is display: table-cell; and vertical-align: center; Is set to . If you move the label inside the input-group and style, then in the form of an input-group-addon it is exactly the same as lines. 

  & lt; Div class = "form-group-in-input-group" & gt; & Lt; Div class = "input-group" & gt; & Lt; Label & gt; Label & lt; / Labels & gt; & Lt; Input type = "text" class = "form-control" value = "value" /> & Lt; Span class = "input-group-connector" & gt; Exchanges & lt; / Span & gt; & Lt; / Div & gt; & Lt; / Div & gt;

. 

 . Input-group label {padding: 4px; Exhibit: Table-Cell; Vertical-row: middle; }


Comments

Post a Comment

Popular posts from this blog

import - Python ImportError: No module named wmi -

-
I followed the instructions for downloading WMI for Python When I try to run the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = wmi.WMI (): if Raw_input ("restart% s?"% S.Caption) .upper () == "Y": s.StartService () I got the error < Code> traceback (most recent call end): file ". \", Line 1, edit: I am using Python 2.7.6 EDIT2: I am running 64-bit Windows 2008 R2, and I've downloaded WMI-1.4.9.zip (md5). I removed the content and put it in D: Python \ Tools \ Scripts I executed dragon setup.py.install I said D : \ Python \ tools \ scripts to% PATH% and when I execute the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = Wmi.WMI (): If raw_input ("Restart% s?"% S. Caption). () == "Y": s.StartService () error me Gets traceback (most recent call final): File ". See \", line 1, &
Read more

Editing Python Class in Shell and SQLAlchemy -

-
I am working on the terminal on a shell script after this tutorial SQLAlchemy tutorial. I need to type gt; & Gt; & Gt; Sqlalchemy import column, integer, string & gt; & Gt; & Gt; Class user (base): __tablename__ = 'users' id = column (integer, primary_key = true) name = column (string) absolute name = column (string) password = column (string) def __repr __ (self): return "& lt ; User (name = '% s', absolute name = '% s', password = '% s') & gt; "% (Self.name, self.fullname, self.password) After the problem I have typed the password = column (string) I hit twice and changed .... >> I then took everything back but then an error was thrown because the class already exists ... I am not completely sure how to fix it. How do I open that slip in the shell script and edit it (Add DF to DRR) The error thrown below: / user / giripeters / TFSQLLX / Lib / python2.7 / site-packages / sqlalchemy / ext / decla
Read more

c# - MySQL Parameterized Select Query joining tables issue -

-
I am using parameterized select questions in conjunction with my program and it works entirely, When I try to join the table Everything I have done is a small fraction: using (MySqlCommand cmd = new MySqlCommand (paramQuery) ToSql (), Connection)) /etc/ paramQuery.ToSql () Equal: "Select TableOne ID, Tableon, Department, Tablet. One by name table, Table 2 h Yes TableOnEID = @Pharmak "* / for (Int Index = 0; Index and Lt; ParamariX Parameter (.c calculation; Index ++) Cmd.Parameters.AddWithValue (paramQuery.Parameters (). ElementAt (index). , ParamQuery.Parameters (). ElementAt (index) .Value); / * ParamQuery.Parameters (). ElementAt (index) .k = "@most 0" paramQuery.Parameters (). ElementAt (index) .Value = "tableTwo.ID" * / MySqlDataReader Reader = cmd.ExecuteReader (); While (reader.Read ()) {// do stuff} } One of the tables I attempt to join is For the table, two with the same id for all. Is there something that I'm doing wrong?
Read more