поведение Weird Buttonset

Question

У меня есть:

<div id="wid_weekdays"> 
    <input type="checkbox" name="weekday[]" checked="true" id="weekday1"> 
    <label for="weekday1">MO</label> 
    <input type="checkbox" name="weekday[]" checked="true" id="weekday2"> 
    <label for="weekday2">TU</label> 
    <input type="checkbox" name="weekday[]" checked="true" id="weekday3"> 
    <label for="weekday3">WE</label> 
    <input type="checkbox" name="weekday[]" checked="true" id="weekday4"> 
    <label for="weekday4">TH</label> 
    <input type="checkbox" name="weekday[]" checked="true" id="weekday5"> 
    <label for="weekday5">FR</label> 
    <input type="checkbox" name="weekday[]" checked="true" id="weekday6"> 
    <label for="weekday6">SA</label> 
    <input type="checkbox" name="weekday[]" checked="true" id="weekday7"> 
    <label for="weekday7">SU</label> 
</div> 

и

$(function(){ $("#wid_weekdays").buttonset(); }); 

смешанный с нагрузкой больше кода, который каким-то образом вызывает:

библиотеки, таблицы стилей, и т.д.:

<link rel="stylesheet" href="lib/jquery-ui/themes/ui-darkness/jquery-ui.css"> 
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css"> 
    <link rel="stylesheet" href="lib/fullcalendar/fullcalendar.css"> 
    <link rel="stylesheet" href="lib/jqGrid/css/ui.jqgrid.css"> 
    <link rel="stylesheet" href="css/style.css"> 
    <link rel="shortcut icon" href="images/favicon.png"> 
    <script src="lib/jquery-ui/jquery-1.9.1.js"></script> 
    <script src="lib/jquery-ui/plugins/globalize.js"></script> 
    <script src="lib/jquery-ui/plugins/mousewheel.js"></script> 
    <script src="lib/jquery-ui/plugins/shortcut.js"></script> 
    <script src="lib/bootstrap/js/bootstrap.js"></script> 
    <script src="lib/jquery-ui/ui/jquery-ui.js"></script> 
    <script src="lib/fullcalendar/fullcalendar.js"></script> 
    <script src="lib/jqGrid/js/jquery.jqGrid.min.js"></script> 
    <script src="lib/jqGrid/js/i18n/grid.locale-en.js"></script> 
    <script src="js/nav.js"></script> 

HTML: http://pastebin.com/kNSDi8PW
CSS: http://pastebin.com/dF2WLdDP
Если я вставить этот код в пустой файл с ничего на нем, он работает должным образом.
Что может быть причиной этого? И как я могу это исправить?

Answer 1

#wid_weekdays label, #wid_weekdays input 
{ 
    display: inline-block; 
} 

Решила проблему!

Answer 2

Скорее всего, это будет принудительное применение linebreak, display: block; или что-то в этом роде. Пожалуйста, разместите свой CSS и/или создайте jsfiddle, чтобы мы могли быть уверены.

относительно ваших комментариев:

#wid_weekdays label, #wid_weekdays input { 
    display: inline; } 

<input type="checkbox" name="weekday[]" checked="true" id="weekday7"> 
<label for="weekday7">SU</label> 

все этикетки и входы, которые являются дети #wid_weekdays будут отображаться в виде встроенного в настоящее время.