Tag: twitter bootstrap
如何在bootstrap中添加汉堡菜单
我需要一些帮助的引导程序导航。 我希望通过手机上的汉堡图标来切换。 这里是codepen： http ://codepen.io/sadman/pen/hfGwv HTML代码： <nav class="navbar navbar-inverse navbar-static-top" role="navigation"> <div class="container"> <ul class="nav navbar-nav"> <li><a href="index.php">Home</a></li> <li><a href="about.php">About</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#">Blog</a></li> <li><a href="contact.php">Contact</a></li> </ul> </div> </nav> 我的自定义CSS： .navbar, .navbar-inverse { border-radius: 0; border: none; margin-bottom: 0; min-height: 80px; } .nav li { display: inline; color: white; } .navbar-inverse .navbar-nav > li > […]
Twitter Bootstrap下拉菜单
我正在尝试在其顶部的导航栏中使用Twitter Bootstrap的下拉菜单。 你可以在这里看到一个例子。 http://twitter.github.com/bootstrap/# 在我的菜单中，箭头表示这是一个下拉菜单，但当我hover或点击它时，它不会显示我的下拉链接。 我想我已经包括了所有必要的课程，我不相信Twitter的需要JavaScript。 你能看到我做错了吗？ 我的下拉列表 <div class='topbar' data-dropdown="dropdown"> <div class='fill'> <div class='container'> <ul class="nav"> <li><%= link_to 'Home', main_app.root_path %></li> <li><%= link_to 'Outlines', main_app.outlines_path %></li> <li class="dropdown"> <a href="#" class="dropdown-toggle">Assessment</a> <ul class="dropdown-menu"> <li><a href="#">second link </a></li> <li><a href="#">third link </a></li> </ul> </li> ….. I go on to close all the divs etc. The […]
使用Twitter Bootstrap在@ html.actionlink中显示html
我正在使用Twitter Bootstrap，并试图使我的链接ASP.Net MVC看起来不错。 但是，下面的链接中的<i class = …是html编码的，而不是作为html发送给浏览器： @Html.ActionLink("<i class='icon-user icon-white'></i> Create New", "Create", "", New With {Key .class="btn btn-primary"} ) 有什么办法保持<i class = …为html，以便button正确显示？
中心Twitter引导3button中的字形
我现在正在使用Twitter Bootstrap 3 RC2以及Twitter Bootstrap，它已经进入了一个独立的存储库。 我注意到，如果在带有文本的button中使用图标不是很好居中： 图标和文字有相同的底线，但我相信对于一个好看的button，图标应该基于文本居中，不是吗？ 任何想法如何实现这一目标？ http://bootply.com/74652
使用*只是* Bootstrap模态
我将Bootstrap的Modal与另一个不使用它的站点整合在一起。 我看到bootstrap可以让你为每个组件分开Javascript。 但是CSS呢？ 如果我链接到bootstrap.css整个网站将改变。 我只是想让Modal有足够的CSS来工作。 （我尝试通过CSS文件，只是猜测我需要什么，但它没有工作）。
如何在ASP.Net中的一个ASP：Button中放置一个Bootstrap Glyphicon？
我在我的项目中使用Bootstrap 3，我想在ASP.netbutton中使用Bootstrap Glyphicons。 这里是我使用的代码，虽然它没有工作（我有一个使用Twitter Bootstrap <span>标签，而不是<i>标签）的示例： <asp:Button ID="btnRandom" runat="server" Text="<span aria-hidden='true' class='glyphicon glyphicon-refresh'> </span>" onclick="btnRandom_Click" /> 也许应该做些额外的事情。 我怎样才能使它工作？ 预先感谢答复。
Twitter Bootstrap Typeahead – 标识和标签
我正在使用Bootstrap 2.1.1和jQuery 1.8.1，并尝试使用Typeahead的function。 我尝试显示一个标签，并使用标准的<select /> 标识 这是我的typeahead初始化： $(':input.autocomplete').typeahead({ source: function (query, process) { $('#autocompleteForm .query').val(query); return $.get( $('#autocompleteForm').attr('action') , $('#autocompleteForm').serialize() , function (data) { return process(data); } ); } }); 这是我发送的那种JSON [{"id":1,"label":"machin"},{"id":2,"label":"truc"}] 我怎样才能告诉process()显示我的标签，并将选定的ID存储在另一个隐藏的字段？
如何使用引导选项卡使用AJAX加载？
我使用了bootstrap-tabs.js，它工作完美。 但是我没有find关于如何通过AJAX请求加载内容的信息。 那么，如何使用bootstrap-tabs.js加载AJAX？
Bootstrap 3。容器中的stream体添加不需要的填充
我想我的内容是stream动的，但是当使用Bootstrap的网格使用.container-fluid时，我仍然看到填充。 我怎样才能摆脱填充？ 我发现我没有使用.row填充，但我想添加列，并且只要我这样做，填充就回来了：O。 我希望能够使用全宽的列。 一个例子： <div class="container-fluid"> <div class="row"> <div class="col-sm-6"> <p>Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p> </div> <div class="col-sm-6"> <p>Use this document as a way to quickly start any new project.<br> All you get is this […]
点击外部时，隐藏Angular UI Bootstrappopup窗口
我试图手动closures一个引导popup窗口让它closures，当我点击document或body不是popup窗口的任何地方。 我发现完成这个最接近的事情是创build一个指令（ find这个答案 ），但这是一个手动触发，如果一个variables是true或false 。 任何人都可以帮我弄清楚如何点击不是popup窗口的东西？ 我不介意使用jQuery $(document).click(function(e){}); 我只是不知道如何打电话结束。 <div id="new_button" popover-template="plusButtonURL" popover-placement="right" popover-append-to-body="true" popover-animation="false">+</div> 通常情况下， popover-trigger="focus"可以做到这一点，但是我的popover包含需要点击的内容。 如果我使用焦点触发器，我的popup窗口中会有一个ng-click ，所以我正在寻找一种不太常规的方法来解决这个问题。
