javascript - Twitter Bootstrap tabbed form -
i doing webpage bootstrap framework. want have single page, form pops , has 2 or 3 tabs on it. want this,
the tabs "the markup", "the css", "the javascript". have them showing on top left of page it's on main navbar, can't them anywhere else.
ideally, i'd them on top of form , switch between forms.
another question that's elementary, buttons have them used code,
<div class="note-tabs"> <ul class="nav nav-tabs"> <li class="active"><a href="#navbar-fixed-html" data-toggle="tab"><strong>the markup</strong></a></li> <li><a href="#navbar-fixed-css" data-toggle="tab"><strong>the css</strong></a></li> <li><a href="#navbar-fixed-js" data-toggle="tab"><strong>the javascript</strong></a></li> </ul> </div>
what mean when href field has # @ front? example page @ tutsplus , came download. there isn't separate html file those, linking to?
thanks
update
here form have, want add tabs top of form. 1 tab selects form , tab select form. form place in middle of page
the # in front of element called "fragment" , allow move across page.
you can popup next code:
the html code:
<div class="container-popup"> <div class="popup"></div> </div>
the css code:
.container-popup { position: relative; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.8); } .popup { width: 50%; height: 50%; background: #1abcb9; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
check demo
if want less "intrusive code", can use pseudoelement, follows:
check second demo
as can see in below example, html code has 1 element:
<div class="popup">
cheers!
edit: check fiddle. make 1 form, think you'll catch idea.
cheers!
Comments
Post a Comment