Jump to content

Search the Community

Showing results for tags 'Bootstrap'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Calendars

  • Community Calendar

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

  1. HI there, first i apology my english not too well, hope you may understand what i mean ,Thanks Im try to using the Bootstrap one of the function is popover similar like tooltips, but i facing the problem For example : <div id="all"> <div id="a" class="circle_ball" data-user-id="2">●</div> <div id="b" class="circle_ball" data-user-id="1">●</div> </div> and my Jquery code is : $('#all').on('mouseenter','div',function(){ $(this).popover({ title: 'Jun Hoo', content: $(this).attr('data-user-id')
  2. Hello I'm having a of a time getting my image element aligned in the top right corner of my web application and everything I try fails. at the top (head) of the page I'm using a navbar and below that I have an input group. I'm trying to float right an image (which is my school logo) but no matter what I do. I cant get it to sit nica and square where i want it. I provided a screen shoot of the problems I'm having and included is a code snippet. Can somebody please tell me WTH I'm doing wrong here? First part of code is NavBar and the second is input group. How would I set the logo by i
  3. Hi, i am in need of urgent help. I have created a web template using bootstrap. I have created a "collapseble" nav bar and used "parallax, jquery single page nav" to scroll on the same page smoothly.This worked fine. There is no problem in it. After that according to the requirement i have used "affix" to have a div on top of the menu bar. suddenly my nav bar when collapsed (i mean on mobile devices) not working properly. It is showing a strange behavior. When nav bar got collapsed for the first time when the page gets loaded if i click on the nav bar the menu bar is sliding down and whe
  4. The w3schools tutorial on Bootstrap 3 is excellent. Thanks for producing it! It would be helpful if there were a forum section on Bootstrap 3 so that users could post questions, issues or problems and learn from one another.
  5. Greetings classmates! School is in session. It seems this is mostly a CSS question. So my apologies for any re-tread. I have seen numerous posts addressing similar, but can't seem to put it together. Any help or direction to existing solutions is greatly appreciated. I am Developing an ASP.NET/MVC5 web app. It uses bootstrap 3. I am new to bootstrap and never really got into CSS more than the basics. Question: How can I change/override the a:hover of a thumbnail to include a user-defined hoverscale? So in the thumbnail.less file I see: @thumbnailHoverScale : 1.3; . . . a:hover i
  6. Gerhard

    BS Navbar

    Hi, just walking through the tutorial of bootstrap. The NavBar is really cool, but how does it navigation. I don't have any idea how I can switch from one page (or content) to another whild clicking on the links in the nav bar. I the sample absolutely nothing happens here. Thanks for helping a newbee. With best regards Gerhard
  7. I have a php based website script which I want to make responsive. What are the ways to make it responsive? I am not a developer so need an easy way. I know a little bit of html and css. Download the template from https://www.dropbox.com/s/pfolvxhn9co2qd3/bluesky.zip?dl=0 to have an idea about the coding and website structure.
  8. I have a script developed in php. It is non-responsive. I want to convert it to a responsive website. Is there any free tool or software or step by step guide to do it? I know a little html and css, but not php. I was wondering if there is a place where I can import my existing template, apply bootstrap with one click and export. It is an open source script and can be downlaoded from phpb2b.com.
  9. j.silver

    Bootstrap

    Dear all: If I will learn js, jQuery, Ajax, and json, do I need to additionally learn bootstrap? What extra value would I get from bootstrab?
  10. Hi w3 Community i want to learn how to replicate this effect on the main screen of this website https://overv.io/ The traget(booklets) starts off somewhere fixed and translate/rotates towards 0 once it's reached it's original location, scrolling further down won't change any location scrolling back up with move the items back towards the location it stated. Here's something which i think it should look like.. window.onscroll = function() {var speed = 1; //this should be adapted to the height of divvar startdeg = 130; //var startx = 300;var starty =-300;var scroll = $(window).scrollTop(
  11. I am creating a script where people can create a tour like Bootstrap tour without editing their website code. The code will be generate on my website and they just have to add a link on their website for the tour to work.The problem i am having is when the person website have the same for example div.page-container.page-header-fixed > div.page-footer > div.page-footer-wrap.bg-dark-gray > div.page-footer-holder.page-footer-holder-main > div.row > div.col-md-3 > h3 it will place the **tour pop up** on all items with the same structures like above code is their a way of te
  12. I am building my first web site using HTML, CSS, and Bootstrap. After extensive searching, I can’t get my HTML file to link with my CSS file. The HTML document and CSS document are in the same domain so there shouldn’t be any reason to mention a file in the code, but my CSS isn’t affecting the HTML when I load it in Chrome. Any help would be greatly appreciated. I have enjoyed learning how to make a website, but this is hampering my progress/enjoyment. Below is some of the code (most comes from the Bootstrap site with minor customization). <head><meta charset="utf-8
  13. (sorry if I choose wrong place to post this. I got confused whether to post it on javascript or css) I am trying to learn bootstrap. but simply after including bootstrap.css, it overrides most of the styles I defined on the page. like buttons, tables, etc. can anyone guide me how to handle this?
  14. i don't understand this.Desktop screen resolution: 1280x1024this code: http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_grid_large&stacked=hshould do a 4:8 split right? But on my monitor it's 3:9. It sees it like a small device.Also i don't understand the screen width in pixels bcz there are smartphones with QHD resoluton (2560x1440) so would they look at col-lg-* number then ?
  15. The columns are showing full width in IE7 & 8 even though i have set to 'col-sm-4'. i have used bootstrap files n respond.min.js locally inorder to eliminate probs caused by CDN links.. <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="bootstr
  16. Hello I am using bootstrap as a beginner. I try to make a dropdown menu on several level but it don't work. My script : <body> <div class="container-fluid"> <ul class="nav nav-pills nav-stacked"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" >Menu 1<span class="caret"></span></a> <ul class="dropdown-menu"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" >Menu 1-1<span class="c
  17. <nav class="navbar navbar-default navbar-fixed-top col-xs-12"> <div class="container"> <div class="navbar-header"> <a class="navbar-brand" href="#">WebSiteName</a> </div> <div> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Page 1</a></li> When i shrink window, navbar comes horizontally covering the whole brows
  18. I find this tutorials very useful and I think it will be really handy if you do Bootstrap tutorial. On site getbootstrap.com is nice documentation, but some things aren't explained so well.Who think this is good idea? Thanks.
  19. Hi W3Schoolers. I have downloaded Bootstrap 3.1 and after that, my glyphicons are not properly visible as below. They are shown 'x' square box instead of real images. I followed some advises from internet, and deleted Bootstrap, re-download it, also deleted glyphicon font files from library>fonts folder and re-installed it too. But it is still same. My laptop is Macbook air 2011, and OS is Mavericks 10.9.3 Please help me to find out solution. Thanks in advance. Jin
  20. Hi all, I'm using a simple example template from Bootstrap and wish to display a modal form when the page loads. I have the code below direct from bootstrap to load the modal form when a button is pressed, but i've tried a few other things to get the modal to appear on load, but none of which is working. I'm sure its something simple, but this is a learning curve for me, so any help appreciated. Code I've got from Bootstrap: <!-- Button to trigger modal --><a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a> <!-- Modal --><div id="
  21. Hi, i wanna ask how to make a dropdown menu using bootstrap ?Tell me how to make it step by step ( coz i'm a newbie in javascript hehe..)Thanks for any helps
  22. Hey there. I just recently started to use Bootstrap and was wondering why this dropdown is not working, I have exactly what they have on their example site. <!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script href="js/jquery.js" type="text/javascript" ></script><script href="js/jquery-ui.js" type="text/javascript" ></script> <script href="js/bootstrapjs" type="text/javascript" ></script><script href="js/bootstrap-dropdown.js" type="text/javascript" ></script><link href="css/b
×
×
  • Create New...