twitter-bootstrap-3

Bootstrap. How to add bottom margin for mobile screen only?

狂风中的少年 提交于 2020-03-18 03:55:31
问题 I have this HTML code <div class="row"> <div class="col-xs-12"> <div class="titulo"> <h2 class="title-section font-switch">Algunos tecnologias que manejamos</h2> <span>Si no vez el que necesitas pregunta, a veces no ponemos todos</span> </div> </div> <div class="col-xs-12 col-sm-8 col-sm-offset-2"> <div class="row center"> <div class="col-xs-10 col-xs-offset-1 col-sm-3 col-sm-offset-0 vcenter"> <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal"> <div class="caption"> <div

Issue with push/pulling my layout

人走茶凉 提交于 2020-03-16 08:43:28
问题 I have a simple layout, with a sidebar (col-3) and content (col-9) [3] [9] I'm trying to get it so at xs side my layout is [Content] [Sidebar] So I tried adding col-xs-push-12 to the sidebar and col-xs-pull-12 to the content, however, with that at any size screen everything disappears. My HTML is set up like <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 col-xs-push-12" id="globalSidebar"> ... </div> <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 col-xs-pull-12" id="mainContent"> ... <

Issue with push/pulling my layout

廉价感情. 提交于 2020-03-16 08:42:08
问题 I have a simple layout, with a sidebar (col-3) and content (col-9) [3] [9] I'm trying to get it so at xs side my layout is [Content] [Sidebar] So I tried adding col-xs-push-12 to the sidebar and col-xs-pull-12 to the content, however, with that at any size screen everything disappears. My HTML is set up like <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 col-xs-push-12" id="globalSidebar"> ... </div> <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 col-xs-pull-12" id="mainContent"> ... <

HTML tags inside Bootstrap popover are not rendered

淺唱寂寞╮ 提交于 2020-03-04 15:34:09
问题 I'm having an issue and I cannot figure out why the HTML tags inside a popover will not get rendered. JS fiddle here: http://jsfiddle.net/792xcgju/ <!-- Popover #1 --> <a href="#" class="btn btn-primary" tabindex="0" data-toggle="popover" data-trigger="focus" data-popover-content="#a1" data-placement="top">Popover Example</a> <hr> <!-- Popover #2 --> <a href="#" class="btn btn-primary" tabindex="0" data-toggle="popover" data-trigger="focus" data-popover-content="#a2">Popover Example</a> <!--

What does it mean by “host bootstrap by yourself”?

天涯浪子 提交于 2020-03-03 09:12:57
问题 I'm getting starting with bootstrap and followed a website that says There are two ways to start using Bootstrap on your own web site. you can Download Bootstrap from getbootstrap.com or Include Bootstrap from a CDN also later you want to download and host Bootstrap yourself then If you don't want to download and host Bootstrap yourself, you can include it from a CDN (Content Delivery Network). what does it mean what is the process 回答1: Hosting any css/js file yourself means that you put it

What does it mean by “host bootstrap by yourself”?

廉价感情. 提交于 2020-03-03 09:10:09
问题 I'm getting starting with bootstrap and followed a website that says There are two ways to start using Bootstrap on your own web site. you can Download Bootstrap from getbootstrap.com or Include Bootstrap from a CDN also later you want to download and host Bootstrap yourself then If you don't want to download and host Bootstrap yourself, you can include it from a CDN (Content Delivery Network). what does it mean what is the process 回答1: Hosting any css/js file yourself means that you put it

Carousel image doesn't fill the width in bootstrap 3

时光毁灭记忆、已成空白 提交于 2020-02-20 05:26:09
问题 I'm soooooo new at this responsive stuff. I'm trying to use the carousel from the new bootstrap 3 and for some reason, the image does not fill the width of the carousel. All the images are the same exact size (1000x395) and no matter what i do, it doesn't fill all the way. Any and all help is greatly appreciated!!! Here's the code i'm using and a screenshot: <div class="row"> <div class="col-md-12"> <div id="carousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="

Bootstrap horizontal scrollable tab bar

混江龙づ霸主 提交于 2020-02-19 09:02:13
问题 I am creating an app in Bootstrap 3 with a tab bar. I am dynamically adding and removing tabs. This all works great, what I would like to do though is to have the tab bar be horizontally scrollable through the tabs if there are too many tabs to fit in the width of the app instead of creating multiple rows or tabs. Has anyone done this or have an idea how to implement this? 回答1: Here is an example: (Not working in snippet for some reason, so here is a link to Bootply : http://www.bootply.com

Bootstrap horizontal scrollable tab bar

戏子无情 提交于 2020-02-19 09:01:03
问题 I am creating an app in Bootstrap 3 with a tab bar. I am dynamically adding and removing tabs. This all works great, what I would like to do though is to have the tab bar be horizontally scrollable through the tabs if there are too many tabs to fit in the width of the app instead of creating multiple rows or tabs. Has anyone done this or have an idea how to implement this? 回答1: Here is an example: (Not working in snippet for some reason, so here is a link to Bootply : http://www.bootply.com

How to get equal height columns when one column is split into two rows within Bootstrap3 [duplicate]

落爺英雄遲暮 提交于 2020-02-16 06:29:31
问题 This question already has answers here : Left column and stacked right column using flexbox CSS [duplicate] (2 answers) Make a div span two rows in a grid (2 answers) Closed 10 days ago . I need a BOOTSTRAP 3 grid layout as above which is simply two columns and the first column is split into two rows. Col1 will hold some text, lists in each of the rows and Col2 will hold an image. The columns need to be equal height - I can’t achieve the equal heights. I am using this css which works