html - Twitter Bootstrap 3.1 Nav-stacked Spacing -


i'm quite new @ coding html , sort of business decided going use built , sturdy api. therefore, chose twitter bootstrap 3.1 i've had some prior experience it.

anyway, current nav-stacked looks like. it's css butchered wanted collapsible.

http://i.imgur.com/j8fpsj6.jpg

and here code particular section of code. got rid of repeating parts save space.

<div class="col-xs-3 sidebar" id="asesidenav">           <!this left vertical nav bar>           <div class="navbar navbar-inverse" id="asesidenav">                           <div class="collapse navbar-collapse" id="asesidenav">               <ul class="nav nav-stacked" id="menu-bar"> <!-- notice "nav-stacked" class added here -->                 <!-- add panel class workaround collapsing menu items in bootstrap -->                 <li class="panel dropdown">                  <a data-toggle="collapse" data-parent="#menu-bar" href="#collapse1"> safety</a>                   <!-- notice id of element must match href attribute in <a> element above it. have added panel-collapse class -->                   <ul id="collapse1" class="panel-collapse collapse">                     <li><a href="#">guardwell perimeter safety products</a></li>                   </ul>                 </li>                  <li class="panel dropdown">                   <a data-toggle="collapse" data-parent="#menu-bar" href="#collapse2"> kettles</a>                   <ul id="collapse2" class="panel-collapse collapse">                     <li><a href="#">patch kettles</a></li>                     <li><a href="#">asphalt kettles</a></li>                     <li><a href="#">kettle accessories</a></li>                     <li><a href="#">heat transfer kettles</a></li>                     <li><a href="#">emission control system</a></li>                   </ul>                 </li>              </div>           </div> <!end of navbar>         </div>

as can see, it's been pretty butchered. rendition of else's code different page. page being so: http://www.jeffmould.com/2013/12/15/create-twitter-bootstrap-vertical-drop-menu/

the css used compared mine quite different don't have nav-bar hanging top left. anyway, question is, there large spacings between each individual button , can't figure out or id or class dictating spacing. them brought closer if possible.

i apologize if wording or phrasing poor, i've started coding html i'm quite behind on of possible standards?

tl;dr - root buttons in nav-stacked collapse drop menu way far apart, can see picture linked above, how bring them closer together? assume css don't know class interacting them.

you've applied class .panel <li> elements in menu (i'm not sure why). bootstrap applies 20px of bottom margin elements class.

from bootstrap css:

.panel {     background-color: #ffffff;     border: 1px solid rgba(0, 0, 0, 0);     border-radius: 4px;     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);     margin-bottom: 20px; }

you can fix this:

#asesidenav .panel {     margin-bottom: 0; }

you might want check out firefox' firebug. has css panel sort through sort of stuff. https://getfirebug.com/css. chrome , ie have similar tools built in.


-

Comments

Post a Comment

Popular posts from this blog

php - regexp cyrillic filename not matches -

i take list of files php glob(."*.pdf") . files have cyrillic names. example: ООО «Рога и копыта» then load company names database , try find them in file names: preg_match("/$firm_name/ui", $file_name, $match); i have problem: firms if $firm_name visually similar $file_name , preg_match says there no match. mb_detect_encoding both variables return utf-8. there problem in file name, or maybe there encoding or something, can not understand, ask help. upd: $file_name='ООО «Рога и копыта»'; preg_match("/... .Рога и копыта./ui", $file_name, $match); as result, ОО «Рога и копыта» , 1 О missing
Read more

c# - OpenXML hanging while writing elements -

Image
i have program pulls data database, caches file , exports data multiple formats (excel, excel 2003, csv). i'm using openxml sdk 2.0 excel work. these export processes run in parallel (using parallel.foreach ), , amount of data can pretty large - e.g. csvs 800mb. during these larger exports, i've noticed writing of xml documents hang. instance, if have 8 exporting in parallel, @ point "pause". hang around same point: //this.writer openxmlwriter created worksheetpart. this.writer.writeelement(new cell() { cellvalue = new cellvalue(value), datatype = cellvalues.string }); when happens, pause debugger (vs2013 in case) , notice threads blocking around same portion of code - bit deeper in openxml sdk - stem call openxmlwriter.writeelement . i dug through source using justdecompile didn't find answers. appears there intermediary stream in use writing isolated storage , is, reason, blocking. underlying stream each of these filestream . here screenshot ...
Read more

sql - Select Query has unexpected multiple records (MS Access) -

i may tired, can't seem figure out happening. have 2 queries. query 1 has 10 fields. query 2 has 5 fields. fields 1 through 3 same in both queries. trying write select query , simple add field 5 query2 query1 result should query1 additional field (query2.field5). i join first 3 fields both queries , choose select records in query1 , in query2 match. don't know sql, use query designer. expect same number of records have query 1 instead have 3 times or more. can tell me doing wrong. tried reversing joins still seem same records. thanks in advance. here query: the fields in common divisionname , supplierid = vendorid , commodityname . select [part revenue exposed query p1].divisionname, [part revenue exposed query p1].commodityname, [part revenue exposed query p1].suppliername, [part revenue exposed query p1].partnumber, [part revenue exposed query p1].partdescription, [part revenue exposed query p1].bucode, ...
Read more