html - Bootstrap - remove background from navbar link -


i'm trying work on coding website using bootstrap development kit. i've set navigation bar couple of links i'm having trouble custom links i've added. added css bootstrap.min.css file titled 'navbar-social', used house social media icons navigation bar.

i added images fine , display great. problem i'm having when add link them go out of line , hovering on them gives them background box not want.

i've attached screenshots , code used, cannot life of me work out background box coming from, because checking styles doesn't seem have there. i'm new css apologise if i'm missing obvious.

none linked: http://prntscr.com/2ob9mj

linkedin not linked, rest linked: http://prntscr.com/2ob2b2

css code added bootstrap.min.css. rest comes:

.navbar-social{ float:right !important; padding:5px; font-size:18px; line-height:37px; height:20px }

html: (a href removed in case)

<nav class="navbar navbar-default navbar-static-top" role="navigation">         <div class="container">              <div class="navbar-header">               <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">                 <span class="sr-only">toggle navigation</span>                 <span class="icon-bar"></span>                 <span class="icon-bar"></span>                 <span class="icon-bar"></span>               </button>               <a class="navbar-brand" href="">removed</a>             </div>              <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">                 <ul class="nav navbar-nav">                     <li class="active"><a href="">about</a></li>                     <li class="dropdown">                       <a href="#" class="dropdown-toggle" data-toggle="dropdown">programming <b class="caret"></b></a>                       <ul class="dropdown-menu">                         <li><a href="#">java</a></li>                         <li><a href="#">c++</a></li>                         <li><a href="#">actionscript 3.0</a></li>                       </ul>                     </li>                     <li><a href="">web design</a></li>                 </ul>                 <ul class="nav pull-right">                     <li class="navbar-social"><img src="images/linkedin.png" alt="linkedin" /></li>                     <li class="navbar-social"><img src="images/github.png" alt="github" /></li>                     <li class="navbar-social"><img src="images/twitter.png" alt="twitter" /></li>                     <li class="navbar-social"><img src="images/facebook.png" alt="facebook" /></li>                 </ul>             </div>         </div>     </nav>

thanks all!

bootstrap adds styling child a elements. overwrite using following:

working example here

.nav .navbar-social > {     padding:0; } .nav>li>a:hover, .nav>li>a:focus {     background-color: transparent; }

-

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