html - number of items in bootsrap navbar -


I am using a bootstrap navbar which contains 3 elements.
I want to be distributed to the whole of Naubar, but it is not.

Here is the code:

  & lt; Div class = "navbar steps" style = "status: relative; z-index: 7" & gt; & Lt; Div class = "navbar-inner" & gt; & Lt; Ul class = "line-fluid nav-new-pills" & gt; & Lt; Li class = "span 3 active" & gt; & Lt; A href = "# tab1" data-toggle = "tab" class = "step activation" & gt; & Lt; Span class = "number"> gt; 1 & lt; / Span & gt; & Lt; Span class = "desc" & gt; & Lt; I class = "icon-ok" & gt; & Lt; / I & gt; & Lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "span 3" & gt; & Lt; A href = "# tab2" data-toggle = "tab" class = "step" & gt; & Lt; Span class = "number"> gt; 2 & lt; / Span & gt; & Lt; Span class = "desc" & gt; & Lt; I class = "icon-ok" & gt; & Lt; / I & gt; In detail & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "span 3" & gt; & Lt; A href = "# tab3" data-toggle = "tab" class = "step" & gt; & Lt; Span class = "number" & gt; 3 & lt; / Span & gt; & Lt; Span class = "desc" & gt; & Lt; I class = "icon-cog" & gt; & Lt; / I & gt; The configuration should be & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

A 12 column layout has been created if you take all three things to the full width If you want, use span 4 (= 12 / 3 ).

Try changing the span3 to span4 .

How should it look:

code:

  & lt; Div class = & quot; Navbar steps & quot; Style = & quot; Status: Relative; Z-index: 7 & quot; & Gt; & Lt; Div class = & quot; Navbar-interior & quot; & Gt; & Lt; Ul class = & quot; Line-fluid NAV new-pills & quot; & Gt; & Lt; Li class = & quot;  Span 4  active & quot; & Gt; & Lt; A href = & quot; # Tab 1 & quot; Data-Toggle = & quot; Tab & quot; Class = & quot; Steps active & quot; & Gt; & Lt; Span class = & quot; Number & quot; & Gt; 1 & lt; / Span & gt; & Lt; Span class = & quot; Da & quot; & Gt; & Lt; I class = & quot; Icon-right & quot; & Gt; & Lt; / I & gt; Source & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = & quot;  span4  & quot; & Gt; & Lt; A href = & quot; # Tab 2 & quot; Data-Toggle = & quot; Tab & quot; Class = & quot; Step & quot; & Gt; & Lt; Span class = & quot; Number & quot; & Gt; 2 & lt; / Span & gt; & Lt; Span class = & quot; Da & quot; & Gt; & Lt; I class = & quot; Icon-right & quot; & Gt; & Lt; / I & gt; D & eCute; Tail & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = & quot;  span4  & quot; & Gt; & Lt; A href = & quot; # Tab3 & quot; Data-Toggle = & quot; Tab & quot; Class = & quot; Step & quot; & Gt; & Lt; Span class = & quot; Number & quot; & Gt; 3 & lt; / Span & gt; & Lt; Span class = & quot; Da & quot; & Gt; & Lt; I class = & quot; Icon-cog & quot; & Gt; & Lt; / I & gt; Configuration & lt; / Span & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

option 2

As Fizuto has said, you can try to use one.


Comments

Popular posts from this blog

import - Python ImportError: No module named wmi -

Editing Python Class in Shell and SQLAlchemy -

c# - MySQL Parameterized Select Query joining tables issue -