114 Topics
 | |
 | Hello, I am trying to incorporate bootstrap with this sliders. Any clue how to make it looks good? http://flickity.metafizzy.co/ <div class="gallery js-flickity" data-flickity-options='{ "freeScroll": true, "wrapAround": true, "imagesLoaded": true, "percentPosition": false, "pageDots": false }'> <div class="row"> <div class="col-sm-4"><img src="images/Portfolio/pic1.jpg" alt="pic1" /></div> <div class="col-sm-4"><img src="images/Portfolio/pic2.jpg" alt="pic2" /></div> <div class="col-sm-4"><img src="images/Portfolio/pic3.jpg" alt="pic3" … |
| | http://www.innovation.web.id/One/testimonial.php Hello, I am trying to utilize bootstrap in this slider but it does not work yet. I wonder why? I expect the screen to adapt to the webbrowser screensize. I already add this code: <div class="row"><div class="col-sm-12"> <li><div style="font-family: arial; margin: 40px 0 0 90px;"><img src="Images/testimonial/person1.jpg" width="120px"/><div style="width: 500px; … |
| | How to place navigation above image by using bootstrap  |
| | **Bold Text Here**faq.php <!DOCTYPE html> <html> <head> <title>About</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keywords" content="Our Portfolio" /> <meta name="description" content="This is One, a multipurpose website" /> <meta name="author" content="Davy Gunarso"> <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/animate2.css"> <link rel="stylesheet" media="all" href="css/main.css" /> <link rel="stylesheet" type="text/css" …  |
| | Hello, I would like to include bootstrap for both desktop and mobile phone for product category: When I check it once it only works in desktop if I only use this code (col-md-4) and if I use both code (col-md-4 col-xs-4) it does not work for both desktop and mobile … |
| | I am using javascript, Html, css, Bootstrap,than i want to implement customise product like upload photo on mug, t-shirt and other products. Than suggest me, how to implement this fearture. |
| | Hallo, I would like to make the grey background liquid whenever someone narrow down the web browser. Is there anyway to do it? Can anyone gives me advice how to do it? testimonial.php <div style="background-color: grey; width: auto; height: 150px;"> <div class="col-sm-1"><br><br> <img src="Images/testimonial/arrow2.jpg" width="30"> </div> <div class="col-sm-2"> <img src="Images/testimonial/person1.jpg" … |
| | Hello, Can anyone help me fix this code for about page: http://www.innovation.web.id/One/about.php Cek the part that has 4 circle and that grey areas. I would like to be able to work both in desktop and android. about.php <!DOCTYPE html> <html> <head> <title>About</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> … |
| | Hello, I am using a bootstrap modal pop up box I just need to show the data from the data base in the modal box for that I hae used ajax to do that as in normal listing when ever users click on the records view button it should show … |
| | Hello, I would like to fix my bootstrap code on this web browser. I wonder why on android : http://www.innovation.web.id/One/blog.php my footer and navigation bar does not filled in the whole screen. It seems like there is a fix width for android whereas the my blog article width seems wider …  |
| | Hello, I am trying to build this website with bootstrap that connects with clients. I wonder why whenever I open it in android the client list change into vertical and it still too wide for android like the navigation does not filled the whole horizontal screen and the client still … |
| | I have been struggling from last few days in this problem and also my css knowledge is some what got expired! I want full page bootstrap carousel slider and i want some images over this slider[4 * 4] as shown this my attempt if any one can help ?? **JS … |
| | Hello, Please cek this website: http://www.innovation.web.id/One/about.php Cek the grey bar (<img id="bg2-6" src="circle/Borderwhite.jpg" alt="cloud"/>) I wonder why the grey bar and its images do not adjust well in android? What should I change to make it looks good in android? about.php <div id="row"> <div class="col-sm-12 col-xs-12"> <div style="margin-top: 600px; position: … |
| | Hello, I am trying to fix the code in html in here: Try to validate these two links: http://www.innovation.web.id/One/contact.php http://www.innovation.web.id/One/contact2.php This is the validator: https://validator.w3.org/ How to fix the error especially the part about redundant use of <div id="samename"> that is related to bootstrap. If I distinguish the "samename" then … |
 | Hey, I'm trying to (using bootstrap btw), have a page with a header and an iframe. I want the iframe to take up the remainder of the page's height and 100% width. This is my code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> … |
| | Hello, This is the slider without bootstrap: http://www.innovation.web.id/One/portfolio-filter3.php portfolio-filter3.php <div class="slider-demo"> <a href="#" id="previous">«</a> <div id="slider-inner"> <ul> <li><img src="img/1.jpg" alt=""></li> <li><img src="img/2.jpg" alt=""></li> <li><img src="img/3.jpg" alt=""></li> </ul> </div> <a href="#" id="next">»</a> </div> Now this is the slider with bootstrap: http://www.innovation.web.id/One/portfolio-filter.php portfolio-filter.php <div class="row"> <div class="slider-demo"> <a href="#" id="previous">«</a> <div id="slider-inner"> … |
| | Hello, I am in the middle of learning bootstrap and still trying to find a way to create a responsive boostrap nav for this website: [Website](http://www.innovation.web.id) This is my code so far: navigation.php <body> <div class="container" > <div class="row" style="margin-top:10px;"> <div class="span6" style="border:1px solid #bbb;border-radius:10px;padding:10px 20px 10px 20px;margin:0 0 10px … |
| | Hello, I am trying to create a bootstrap system that is able to shift my cell downward. Cek this out: http://www.innovation.web.id/One/portfolio-filter.php There is a big space between the footer and the : Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna … |
| | Hello, I am trying to create carousel that would fits the whole screen up to touching the navigation bar and the whole horizontal screen. http://www.innovation.web.id/One/One/ This is my code (it does not fits my expectation): index.php <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Home</title> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> … |
| | Hello, I am trying to use bootstrap to put my blogging in order. I expect that it would create 3 blogs in a row then moves to the next row for another blog. Check this out: http://www.innovation.web.id/One/One/blog2.php I thought I already coded correctly. Yet, in fact it still appears one …  |
 | Hi guys, I've run into something interesting and I'm a bit stumped with this. Basically I have a form: <form> <div class="formWrapper"> <span>Refine your search</span> <input type="text"> <select> <option>English</option> <option>French</option> <option>Dutch</option> </select> <button class="submitButton" type="submit" data-ajaxurl="http://localhost/_myFile.html" data-ajaxtarget="#myFile_search" >Search</button> </div> </form> and some bootstrap pagination links: <div class="bootstrap_pagination"> <ul> <li class="active"> … |
 | Hello i have three colums which i want to make users can upload pictures/videos and automaticly to add to one of the colums but i cannot figure out how to do that... here is the HTML code i have <div class="main"> <div class="row"> <div class="col-md-3"> <div class="panel panel-default"> <div class="panel-body"> … |
 | 0 down vote favorite I am using Bootstrap 3 which it have Notification, I want that notification with a custom JS function in which I will pass message as a parameter then that message will display in the notification. Below is the sample notify example which will show message on … |
| | |
 | I want to resize my caroseul on click of a button. Below is the code that needs to be changed. Width: 100% needs to be changed to width 50%. I am using JQuery maybe there's a way using that but nothing works so far other than changing the CSS itself … |
| | Hi, everybody, How to create a hide calender. when i click show the calender and when i click anywhere on the webpage again calender will be hide ..... can anybody send me code please.... Thankyou so much in advance |
| | Hi , i hv a website wherein there are many fields and at the end of the page , there is a cancel and save button .Whenever I minimize the browser window , all letters in the cancel button do not appear and only "cance" appear i want all letters … |
| | I have been working with this table for some time now and i cannot figure out how to get the nested feature working correctly, when i try to insert the nested table into the original table is admitidly does go in but it removes all the formatting from my previous … |
| | I have this table that i have been modifiying and working with for some time now, its for displaying lots of data both condensed and expandle for each row but also searchable and sortable. Here is my problem, my table used to have perfect sorting and searching before i added … |
| | OKAY i have been working on this for a little while and i feel i am getting close but there are a few things i can't seem to find on the internet that are good examples/tutorials/reading materials. 1.) i need my table to expand and collapse (got that figured out) … |
| | agency.css body{ background: url("../images/backpack.jpg") no-repeat; } Hello, I understand bootstrap a little bit now. But how to make this backpack.jpg background works well with bootstrap? Any idea? |
 | I have a problem in this code .this code is for adding question to database.please advise thanks in advance. <?php include('includes/header.html'); ?> <div class="row"> <div class="col-md-offset-2 col-md-8"> <h1>Add Quiz</h1> <form action="process_quizAdd.php" method="post"> <div class="form-group"> <label for="question">Ask Question</label> <input type="text" class="form-control" id="question" name="question" placeholder="Enter your question here"> </div> <div class="form-group"> <label … |
| | I dont know where i am going wrong tried to solove this but cant Index.php <form class="form-horizontal" role="form" method="post" action="index.php"> <div class="form-group"> <label for="name" class="col-sm-2 control-label">Name</label> <div class="col-sm-10"> <input type="text" class="form-control" id="name" name="name" placeholder="First & Last Name" value="<?php echo htmlspecialchars($_POST['name']); ?>"> <?php echo "<p class='text-danger'>$errName</p>";?> </div> </div> <div class="form-group"> <label … |
| | I am new to bootstrap framework..I need just small loader WITH bootstrap .. and Just call that small loader with javascript.any help ??  |
 | Hello all, I would like to make a simple search input field... something like google search on top of the screen when you sign into your gmail account.. you can see it here[Click Here](http://prntscr.com/5ehef7) Because I had troubles trying to achieve it... I came up with a funny semi solution... …  |
| | this is my modal button this is within the table that why i use echo $rows['id'] <a data-id="<?php echo $rows['id']; ?>" type="button" class="btn btn-success btn-lg btn-block" data-toggle="modal" data-target="#myModal">View Order</a> this is my modal body <?php include('../conn.php'); $id=$_GET['id']; $list_query=mysql_query("select * from db where id='$id'"); $rows=mysql_fetch_array($list_query); ?> <form class="form-horizontal orderitem" role="form"> <div …  |
| | Hi all, I am converting an XML document to HTML/PDF. I use some of the Twitter Bootstrap 3 classes for layout, but since I pretty much go directly to PDF I have removed most of bootstrap's css (since I am not looking for a responsive layout, I want it to … |
 | I have a curious issue with Twitter bootstrap, I include the bootstrap.js , but my popovers and tooltops dont work? `<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>` All my other js stuff works fine, I have a … |
 | Hello, I'm trying to display the google map in a bootstrap modal. But only a part of the map is visible not the complete map. here's my modal code, followed by the javascript for the map <div id="geo_modal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" …  |
 | Hello there am using bootstrap a long time ago but this is the first time I had an issue like this, normally when adding an icon to button its should appears like this `<span class="glyphicon glyphicon-search"></span>`  but today I found its appears like this  just look for … |
| | <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"/> <link href="css/datepicker.css" rel="stylesheet" /> <script src="js/bootstrap.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="js/bootstrap-datepicker.js"></script> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="js/JavaScript.js"></script> <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <title></title> </head> <body> <div> <form class="form-horizontal" id="form1" runat="server"> <fieldset> <!-- Form Name --> <legend>Enter Your Details</legend> <div class="control-group"> <label class="control-label input-xlarge" for="Status">Employment … |
 | Hi all, I'm working on an old project of mine that I used to self-study PHP which used Bootstrap 2. Revisiting the project a year on I'm looking to restrict the max-height of dropdown.js but can't - for the life of me - get it done. The best solution would … |
| | Hi. So I was trying out bootstrap, and I wanted to make a photo gallery. The thing is , my modals work fine but it doesnt seem to fade and its supposed to "pop up" while making the rest of the webpage its background. Im using the images on the … |
 | Hey everyone, I have navbar from boostrap, I am trying to get the flags to append to the bottom/hang from the bottom of the nav on right side. [Link](https://www.assets.patrickspcrepair.com/gotya/simple-sidebar.html) to the site. The flags are just basic but i need to set the css style to "hang" from the navbar … |
| | Hey guys, I have a script that switches between tabs..It works perfectly, but what i am needing is a way for the script to stop when I have my mouse on the tab or content for the tab. I am using bootstrap and here is my [fiddle](http://jsfiddle.net/patk570/5hk6R/) with the working …  |
| | I'm using Twitter bootstrap 2.0.4 for a website. I have a carousel with a certain number of pictures, which gets created just fine. It starts cycling, the pausing on hovering works, the next and previous buttons all work. Only thing that's odd is that when it reaches the end of …  |
| | On my site, I've been tweaking the remember me checkbox so that it looks like a button, whilst still being a checkbox, my html is: <span class="button-checkbox"><button type="button" class="btn" data-color="info">Remember Me</button><input type="checkbox" name="remember_me" id="remember_me" checked="checked" class="hidden"></span> A fontawesome icon is dynamically changed and the status of the checkbox is modified … |
| | # Hello. I am working on bootstrap 3 and here is the problem i am facing below: # 1. *This is the problem i am facing : http://oi44.tinypic.com/14b5ob8.jpg* * When i click on the top navbar, the bottom navbar opens up too and vice versa/ * I assume that i … |
| | I'm using a bootstrap pseudo-button (a link that looks like a button). It links to a page using PHP that downloads the file (the user is never shown the linking page). When the link is clicked I want it to be replaced with something to indicate progress is happening (for … |
| | Hi all ...( warning : i am a total newbie to web development ) i am planning to develop a website... i have all the content to put into the website...and i already have a fanbase for the website. I have created the structure of the website in localhost. just … |
The End.